*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0a0a0a;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.App{background:linear-gradient(135deg,#0a0a0a,#1a1a2e);min-height:100vh}.App-header{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0000004d;border-bottom:1px solid #ffffff1a;display:flex;justify-content:space-between;padding:1.5rem 5%}.logo h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2rem;margin-bottom:.2rem}.tagline{color:#aaa;font-size:.9rem}.nav{align-items:center;display:flex;gap:2rem}.nav a{color:#fff;font-size:1rem;text-decoration:none;transition:color .3s}.nav a:hover{color:#667eea}.btn-login{border:1px solid #667eea}.btn-login,.btn-signup{border-radius:5px;padding:.5rem 1.5rem}.btn-signup{background:linear-gradient(135deg,#667eea,#764ba2);font-weight:600}.hero{margin:0 auto;max-width:900px;padding:6rem 5% 4rem;text-align:center}.hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#fff,#667eea);-webkit-background-clip:text;background-clip:text;font-size:3.5rem;line-height:1.2;margin-bottom:1.5rem}.hero-description{color:#bbb;font-size:1.3rem;line-height:1.6;margin-bottom:2.5rem}.hero-cta{display:flex;gap:1.5rem;justify-content:center;margin-bottom:2rem}.btn-primary{border-radius:8px;font-size:1.1rem;padding:1rem 2.5rem}.btn-primary:hover{box-shadow:0 10px 25px #667eea66}.btn-secondary{background:#0000;border:2px solid #667eea;border-radius:8px;color:#fff;font-size:1.1rem;font-weight:600;padding:1rem 2.5rem}.btn-secondary:hover{background:#667eea1a;transform:translateY(-2px)}.credits-badge{background:#667eea26;border:1px solid #667eea4d;border-radius:30px;display:inline-block;font-size:1rem;margin-top:2rem;padding:.8rem 1.5rem}.features{margin:0 auto;max-width:1200px;padding:5rem 5%}.features h3{font-size:2.5rem;margin-bottom:3rem;text-align:center}.features-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.feature-card{background:#ffffff08;border:1px solid #ffffff1a;border-radius:12px;padding:2rem;transition:transform .3s,box-shadow .3s}.feature-card:hover{border-color:#667eea4d;box-shadow:0 10px 30px #667eea33;transform:translateY(-5px)}.feature-icon{font-size:3rem;margin-bottom:1rem}.feature-card h4{font-size:1.5rem;margin-bottom:.8rem}.feature-card p{color:#aaa;line-height:1.6}.pricing{background:#0003;border-radius:20px;margin:0 auto;max-width:1200px;padding:5rem 5%}.pricing h3{font-size:2.5rem;margin-bottom:3rem;text-align:center}.pricing-grid{grid-gap:2rem;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:2rem}.price-card{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:15px;padding:2.5rem;position:relative;text-align:center;transition:transform .3s,box-shadow .3s}.price-card:hover{box-shadow:0 15px 40px #667eea33;transform:translateY(-5px)}.price-card.featured{background:#667eea1a;border:2px solid #667eea}.badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:20px;font-size:.85rem;font-weight:600;left:50%;padding:.4rem 1rem;position:absolute;top:-12px;transform:translateX(-50%)}.price-card h4{font-size:1.8rem;margin-bottom:1rem}.price{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:700;margin-bottom:1rem}.price-description{color:#aaa;margin-bottom:2rem}.btn-price{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;color:#fff;cursor:pointer;font-size:1rem;font-weight:600;padding:1rem;transition:transform .2s,box-shadow .2s;width:100%}.btn-price:hover{box-shadow:0 8px 20px #667eea66;transform:translateY(-2px)}.pricing-note{color:#aaa;font-size:1rem;margin-top:2rem;text-align:center}.footer{background:#0000004d;border-top:1px solid #ffffff1a;margin-top:5rem;padding:3rem 5%}.footer-content{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.footer-brand h4{font-size:1.5rem;margin-bottom:.5rem}.footer-brand p{color:#777}.footer-links{display:flex;gap:2rem}.footer-links a{color:#aaa;text-decoration:none;transition:color .3s}.footer-links a:hover{color:#667eea}@media (max-width:768px){.App-header{flex-direction:column;gap:1.5rem}.nav{flex-wrap:wrap;gap:1rem;justify-content:center}.hero h2{font-size:2.5rem}.hero-description{font-size:1.1rem}.hero-cta{flex-direction:column}.features-grid,.pricing-grid{grid-template-columns:1fr}.footer-content{flex-direction:column;gap:2rem;text-align:center}}.auth-container{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;justify-content:center;min-height:100vh;padding:20px}.auth-card{background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;max-width:450px;padding:40px;width:100%}.auth-header{margin-bottom:30px;text-align:center}.auth-header h1{color:#333;font-size:28px;margin-bottom:10px}.auth-header p{color:#666;font-size:14px}.auth-form,.form-group{margin-bottom:20px}.form-group label{color:#333;display:block;font-size:14px;font-weight:500;margin-bottom:8px}.form-group input{border:1px solid #ddd;border-radius:6px;font-size:14px;padding:12px 16px;transition:border-color .3s;width:100%}.form-group input:focus{border-color:#667eea;outline:none}.form-group small{color:#999;display:block;font-size:12px;margin-top:6px}.btn-primary{border:none;border-radius:6px;cursor:pointer;font-size:16px;font-weight:600;padding:14px;transition:transform .2s,box-shadow .2s;width:100%}.btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{transform:none}.error-message{background:#fee;border:1px solid #fcc;border-radius:6px;color:#c33;font-size:14px;padding:12px}.success-message{background:#efe;border:1px solid #cfc;border-radius:6px;color:#3c3;font-size:14px;padding:12px}.auth-footer{border-top:1px solid #eee;padding-top:20px;text-align:center}.auth-footer p{color:#666;font-size:14px;margin:10px 0}.auth-footer a{color:#667eea;font-weight:500;text-decoration:none}.auth-footer a:hover{text-decoration:underline}@media (max-width:768px){.auth-card{padding:30px 20px}.auth-header h1{font-size:24px}}.video-upload-container{margin:0 auto;max-width:600px;width:100%}.upload-dropzone{background:#f7fafc;border:2px dashed #cbd5e0;border-radius:12px;cursor:pointer;padding:60px 40px;text-align:center;transition:all .3s ease}.upload-dropzone.drag-active,.upload-dropzone:hover{background:#edf2f7;border-color:#667eea}.upload-icon{color:#667eea;margin-bottom:20px}.upload-icon svg{margin:0 auto}.upload-text{color:#2d3748;font-size:16px;margin-bottom:8px}.upload-text strong{color:#667eea}.upload-subtext{color:#718096;font-size:14px}.file-preview{background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:24px}.file-info{align-items:center;display:flex;gap:16px;margin-bottom:24px}.file-icon{color:#667eea;flex-shrink:0}.file-details{flex:1 1;min-width:0}.file-name{color:#2d3748;font-weight:600;margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{color:#718096;font-size:14px}.upload-progress{margin-bottom:24px}.progress-bar{background:#e2e8f0;border-radius:4px;height:8px;margin-bottom:8px;overflow:hidden;width:100%}.progress-fill{background:linear-gradient(135deg,#667eea,#764ba2);height:100%;transition:width .3s ease}.progress-text{color:#718096;font-size:14px;text-align:center}.upload-actions{display:flex;gap:12px;justify-content:flex-end}.btn-primary,.btn-secondary{border:none;border-radius:8px;cursor:pointer;font-size:14px;font-weight:600;padding:10px 24px;transition:all .3s ease}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.btn-primary:disabled{cursor:not-allowed;opacity:.6}.btn-secondary{background:#e2e8f0;color:#2d3748}.btn-secondary:hover{background:#cbd5e0}@media (max-width:768px){.upload-dropzone{padding:40px 20px}.file-preview{padding:16px}.upload-actions{flex-direction:column}.btn-primary,.btn-secondary{width:100%}}.dashboard-container{background:#f5f7fa;min-height:100vh}.dashboard-header{background:#fff;border-bottom:1px solid #e5e7eb;box-shadow:0 1px 3px #0000000d;padding:20px 40px}.dashboard-nav{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.dashboard-nav h1{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;font-size:24px}.nav-actions{display:flex;gap:10px}.btn-secondary{background:#fff;border:1px solid #ddd;border-radius:6px;color:#333;cursor:pointer;font-size:14px;font-weight:500;padding:10px 20px;transition:all .2s}.btn-secondary:hover{background:#f9fafb;border-color:#667eea;color:#667eea}.dashboard-main{margin:0 auto;max-width:1200px;padding:40px 20px}.dashboard-welcome{margin-bottom:40px}.dashboard-welcome h2{color:#1f2937;font-size:32px;margin-bottom:8px}.dashboard-welcome p{color:#6b7280;font-size:16px}.dashboard-grid{grid-gap:24px;display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin-bottom:40px}.dashboard-card{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px;transition:transform .2s,box-shadow .2s}.dashboard-card:hover{box-shadow:0 8px 20px #0000001f;transform:translateY(-4px)}.card-icon{font-size:48px;margin-bottom:16px}.dashboard-card h3{color:#1f2937;font-size:18px;margin-bottom:12px}.dashboard-card p{color:#6b7280;font-size:14px;margin-bottom:20px}.credit-amount{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;background-clip:text;margin:20px 0}.credit-amount,.video-count{font-size:48px;font-weight:700}.video-count{color:#667eea;margin:10px 0}.dashboard-card .btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:14px;font-weight:600;padding:12px;transition:transform .2s,box-shadow .2s;width:100%}.dashboard-card .btn-primary:hover{box-shadow:0 4px 12px #667eea66;transform:translateY(-2px)}.dashboard-card .btn-secondary{width:100%}.dashboard-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;padding:30px}.dashboard-section h3{color:#1f2937;font-size:20px;margin-bottom:20px}.empty-state{color:#6b7280;padding:60px 20px;text-align:center}.empty-state p{font-size:16px}.videos-list{display:flex;flex-direction:column;gap:16px}.video-item{align-items:center;border:1px solid #e5e7eb;border-radius:8px;display:flex;justify-content:space-between;padding:16px;transition:border-color .2s}.video-item:hover{border-color:#667eea}.video-info h4{color:#1f2937;font-size:16px;margin-bottom:4px}.status{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:4px 12px;text-transform:uppercase}.status.completed{background:#d1fae5;color:#065f46}.status.processing{background:#fef3c7;color:#92400e}.status.failed{background:#fee2e2;color:#991b1b}.video-actions{display:flex;gap:8px}.btn-small{background:#667eea;border:none;border-radius:6px;color:#fff;cursor:pointer;font-size:12px;font-weight:500;padding:8px 16px;transition:background .2s}.btn-small:hover{background:#5568d3}.btn-danger{background:#ef4444}.btn-danger:hover{background:#dc2626}.loading{font-size:18px;padding:100px 20px}.loading,.loading-text{color:#6b7280;text-align:center}.loading-text{padding:40px 20px}.error-message{background:#fee2e2;border:1px solid #ef4444;border-radius:8px;color:#991b1b}.error-message,.success-message{margin-bottom:20px;padding:12px 16px}.success-message{background:#d1fae5;border:1px solid #10b981;border-radius:8px;color:#065f46}.credits-section{margin-bottom:40px}.credits-card{margin:0 auto;max-width:400px;text-align:center}.credits-info{color:#6b7280;font-size:12px;margin-top:12px}.upload-section{background:#fff;border-radius:12px;box-shadow:0 1px 3px #0000001a;margin-bottom:40px;padding:30px}.upload-section h3{color:#1f2937;font-size:20px;margin-bottom:24px}.video-icon{color:#667eea;flex-shrink:0;margin-right:16px}.video-details{flex:1 1;min-width:0}.video-details h4{color:#1f2937;font-size:16px;font-weight:600;margin-bottom:6px}.video-meta{color:#6b7280;font-size:13px;margin-bottom:4px}.video-error{background:#fee2e2;border-radius:4px;color:#991b1b;display:inline-block;font-size:12px;margin-top:8px;padding:6px 10px}.video-status{flex-shrink:0}.status-badge{border-radius:12px;display:inline-block;font-size:12px;font-weight:600;padding:6px 14px;text-transform:uppercase}.status-completed{background:#d1fae5;color:#065f46}.status-processing{background:#fef3c7;color:#92400e}.status-pending{background:#dbeafe;color:#1e40af}.status-failed{background:#fee2e2;color:#991b1b}@media (max-width:768px){.dashboard-header{padding:16px 20px}.dashboard-nav{align-items:flex-start;flex-direction:column;gap:16px}.dashboard-nav h1{font-size:20px}.dashboard-main{padding:24px 16px}.dashboard-welcome h2{font-size:24px}.dashboard-grid{grid-template-columns:1fr}.video-item{align-items:flex-start;flex-direction:column;gap:12px}.video-actions{justify-content:flex-end;width:100%}}
/*# sourceMappingURL=main.dd0fc563.css.map*/