:root{--bg-main: #020617;--bg-surface: #0f172a;--bg-card: #1e293b;--primary: #8b5cf6;--secondary: #06b6d4;--accent: #f43f5e;--text-main: #f8fafc;--text-muted: #94a3b8;--glass: rgba(15, 23, 42, .8);font-family:Inter,system-ui,sans-serif;line-height:1.5;color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--bg-main);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}.app-container{width:100%}.modal-overlay{position:fixed;inset:0;background-color:#000c;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;justify-content:center;align-items:center;z-index:2000}.modal-content{background-color:var(--bg-surface);padding:3rem;border-radius:24px;max-width:400px;width:90%;position:relative;border:1px solid rgba(255,255,255,.1);text-align:center;box-shadow:0 40px 100px -20px #000c}.close-btn{position:absolute;top:1.5rem;right:1.5rem;background:none;border:none;color:var(--text-muted);font-size:2rem;cursor:pointer}.modal-header h2{font-size:2rem;margin-bottom:1rem;font-weight:800}.modal-header p{color:var(--text-muted);margin-bottom:2.5rem}.google-login-btn{width:100%;padding:1rem;background-color:#fff;color:#000;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;display:flex;align-items:center;justify-content:center;gap:1rem;cursor:pointer;transition:all .3s ease}.google-login-btn:hover{background-color:#f1f5f9;transform:translateY(-2px)}.google-login-btn img{width:24px;height:24px}.modal-footer{margin-top:2.5rem;font-size:.85rem;color:var(--text-muted)}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 8%;background-color:var(--glass);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:var(--text-main);position:sticky;top:0;z-index:1000;border-bottom:1px solid rgba(255,255,255,.05)}.navbar-logo a{font-size:1.6rem;font-weight:800;color:#fff;text-decoration:none;background:linear-gradient(to right,var(--primary),var(--secondary));-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.5px}.navbar-links{display:flex;list-style:none;gap:2.5rem;align-items:center}.navbar-links a{color:var(--text-muted);text-decoration:none;font-weight:500;font-size:.95rem;transition:all .3s ease}.navbar-links a:hover{color:#fff;text-shadow:0 0 15px rgba(255,255,255,.4)}.navbar-btn{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;padding:.6rem 1.4rem;border-radius:99px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #8b5cf64d}.navbar-btn.outline{background:transparent;border:1px solid rgba(255,255,255,.2);box-shadow:none}.navbar-btn:hover{transform:translateY(-2px);box-shadow:0 6px 20px #8b5cf680}.navbar-btn.outline:hover{background:#ffffff0d;border-color:#ffffff80}.credits-display{display:flex;align-items:center;gap:.5rem;background-color:#06b6d41a;padding:.4rem 1rem;border-radius:99px;border:1px solid rgba(6,182,212,.2)}.credits-icon{color:var(--secondary)}.credits-count{font-size:.85rem;font-weight:700;color:var(--secondary)}.user-profile-container{position:relative;display:flex;align-items:center}.user-avatar-nav{width:36px;height:36px;border-radius:50%;border:2px solid var(--primary);cursor:pointer;transition:transform .2s ease}.user-avatar-nav:hover{transform:scale(1.1)}.profile-dropdown{position:absolute;top:calc(100% + 1rem);right:0;background-color:var(--bg-surface);border:1px solid rgba(255,255,255,.1);border-radius:16px;width:240px;padding:1.5rem;box-shadow:0 20px 50px #00000080;display:flex;flex-direction:column;gap:1.5rem;z-index:1001}.dropdown-header{display:flex;flex-direction:column;gap:.2rem;text-align:left}.dropdown-header strong{font-size:1rem}.dropdown-header span{font-size:.8rem;color:var(--text-muted)}.dropdown-item{width:100%;padding:.6rem;border-radius:8px;border:none;background:none;color:#fff;text-align:left;cursor:pointer;font-weight:600;transition:background-color .2s ease}.dropdown-item.logout{color:var(--accent);background-color:#f43f5e0d}.dropdown-item.logout:hover{background-color:#f43f5e26}@media(max-width:768px){.navbar-links{display:none}}.footer{background-color:var(--bg-main);color:var(--text-muted);padding:8rem 10% 4rem;border-top:1px solid rgba(255,255,255,.05)}.footer-content{display:flex;justify-content:space-between;flex-wrap:wrap;gap:4rem;margin-bottom:6rem}.footer-brand{max-width:350px}.footer-brand h2{color:#fff;margin-bottom:1.5rem;font-weight:900;letter-spacing:-1px}.footer-brand p{font-size:1.1rem;line-height:1.6}.footer-links{display:flex;gap:6rem;flex-wrap:wrap}.link-group h4{color:#fff;margin-bottom:2rem;font-size:1.1rem;font-weight:700;text-transform:uppercase;letter-spacing:1px}.link-group ul{list-style:none;padding:0}.link-group li{margin-bottom:1.2rem}.link-group a{color:var(--text-muted);text-decoration:none;transition:all .3s ease;font-size:1rem;display:inline-block}.link-group a:hover{color:var(--secondary);padding-left:5px}.footer-bottom{text-align:center;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05);font-size:.95rem}@media(max-width:768px){.footer-links{gap:3rem}}.hero{display:flex;align-items:center;justify-content:space-between;padding:6rem 10%;background:radial-gradient(circle at 70% 30%,rgba(139,92,246,.15),transparent 50%),radial-gradient(circle at 20% 80%,rgba(6,182,212,.1),transparent 50%);color:var(--text-main);min-height:90vh}.hero-content{flex:1;max-width:650px}.hero-content h1{font-size:4rem;line-height:1.1;margin-bottom:2rem;padding-bottom:.5rem;font-weight:900;letter-spacing:-2px;background:linear-gradient(to bottom right,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-content p{font-size:1.4rem;color:var(--text-muted);margin-bottom:3rem;line-height:1.6}.hero-ctas{display:flex;gap:1.5rem}.hero-btn{padding:1rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}.hero-btn.primary{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;box-shadow:0 10px 30px -5px #8b5cf666}.hero-btn.primary:hover{transform:translateY(-4px) scale(1.02);box-shadow:0 20px 40px -10px #8b5cf699}.hero-btn.secondary{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.hero-btn.secondary:hover{background-color:#ffffff1a;border-color:#fff3;transform:translateY(-4px)}.hero-visual{flex:1;display:flex;justify-content:center;align-items:center;padding-left:4rem}.video-placeholder{width:100%;max-width:550px;aspect-ratio:16/9;background:linear-gradient(135deg,#1e293b,#0f172a);border:1px solid rgba(255,255,255,.1);border-radius:20px;display:flex;justify-content:center;align-items:center;color:var(--text-muted);font-weight:600;box-shadow:0 30px 60px -12px #00000080,0 0 0 1px #ffffff0d;position:relative;overflow:hidden}.video-placeholder:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(to right,transparent,rgba(255,255,255,.2),transparent)}@media(max-width:1024px){.hero{flex-direction:column;text-align:center;padding:6rem 5% 4rem}.hero-content{margin-bottom:5rem}.hero-ctas{justify-content:center}.hero-visual{padding-left:0}}@media(max-width:640px){.hero-content h1{font-size:2.8rem}}.features{padding:8rem 10%;background-color:var(--bg-main)}.features-header{text-align:center;margin-bottom:5rem}.features-header h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;letter-spacing:-1.5px;background:linear-gradient(to bottom,#fff,#94a3b8);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.features-header p{font-size:1.25rem;color:var(--text-muted);max-width:800px;margin:0 auto}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2.5rem}.feature-card{background-color:var(--bg-surface);padding:3.5rem 2.5rem;border-radius:24px;border:1px solid rgba(255,255,255,.05);transition:all .4s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.feature-card:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at top right,rgba(139,92,246,.05),transparent 70%);opacity:0;transition:opacity .4s ease}.feature-card:hover{transform:translateY(-10px);border-color:#8b5cf633;box-shadow:0 30px 60px -12px #00000080}.feature-card:hover:before{opacity:1}.feature-icon{font-size:3rem;margin-bottom:2rem;display:inline-block;filter:drop-shadow(0 0 15px rgba(255,255,255,.1))}.feature-card h3{font-size:1.6rem;margin-bottom:1.2rem;color:#fff;font-weight:700}.feature-card p{color:var(--text-muted);line-height:1.7;font-size:1.1rem}@media(max-width:768px){.features{padding:6rem 5%}}.how-it-works{padding:8rem 10%;background-color:var(--bg-main)}.how-it-works-header{text-align:center;margin-bottom:6rem}.how-it-works-header h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;letter-spacing:-1.5px}.how-it-works-header p{font-size:1.25rem;color:var(--text-muted)}.steps-container{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:4rem;max-width:1200px;margin:0 auto}.step-card{text-align:center;position:relative;padding:2rem;background-color:#ffffff05;border-radius:24px;border:1px solid rgba(255,255,255,.05)}.step-number{font-size:6rem;font-weight:900;color:#8b5cf61a;position:absolute;top:-2rem;left:50%;transform:translate(-50%);z-index:1}.step-card h3{font-size:1.6rem;margin-bottom:1rem;color:#fff;position:relative;z-index:2;font-weight:800}.step-card p{color:var(--text-muted);line-height:1.7;position:relative;z-index:2;font-size:1.1rem}@media(max-width:768px){.how-it-works{padding:6rem 5%}}.pricing{padding:8rem 10%;background-color:var(--bg-main);border-top:1px solid rgba(255,255,255,.05)}.pricing-header{text-align:center;margin-bottom:5rem}.pricing-header h2{font-size:3.5rem;margin-bottom:1.5rem;font-weight:900;letter-spacing:-1.5px}.pricing-header p{font-size:1.25rem;color:var(--text-muted)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:2.5rem;max-width:1200px;margin:0 auto}.pricing-card{background-color:var(--bg-surface);padding:4rem 3rem;border-radius:32px;text-align:center;border:1px solid rgba(255,255,255,.05);position:relative;transition:all .4s cubic-bezier(.16,1,.3,1)}.pricing-card:hover{transform:translateY(-8px)}.pricing-card.popular{background:linear-gradient(to bottom,#1e1b4b,#0f172a);border:1px solid rgba(139,92,246,.3);box-shadow:0 40px 100px -20px #8b5cf633}.pricing-card.current{background:linear-gradient(to bottom,#083344,#0f172a);border:1px solid rgba(6,182,212,.3);box-shadow:0 40px 100px -20px #06b6d426}.popular-badge,.current-badge{position:absolute;top:1.5rem;right:1.5rem;padding:.4rem 1rem;border-radius:99px;font-size:.75rem;font-weight:800;text-transform:uppercase;letter-spacing:1px}.popular-badge{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff}.current-badge{background:linear-gradient(135deg,var(--secondary),#0891b2);color:#fff}.pricing-card h3{font-size:1.8rem;margin-bottom:2rem;color:#fff;font-weight:800}.price{margin-bottom:3rem}.price .amount{font-size:4rem;font-weight:900;color:#fff;letter-spacing:-2px}.price .period{color:var(--text-muted);font-size:1.2rem}.pricing-card ul{list-style:none;padding:0;margin-bottom:4rem;text-align:left}.pricing-card li{margin-bottom:1.25rem;color:var(--text-muted);display:flex;align-items:center;gap:.75rem;font-size:1.1rem}.pricing-card li:before{content:"✓";color:var(--secondary);font-weight:900}.pricing-btn{width:100%;padding:1.2rem;border-radius:16px;font-weight:800;font-size:1.1rem;cursor:pointer;border:none;transition:all .3s ease}.pricing-btn.primary{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;box-shadow:0 10px 30px -5px #8b5cf666}.pricing-btn.secondary{background-color:#ffffff0d;color:#fff;border:1px solid rgba(255,255,255,.1)}.pricing-btn.current-btn{background-color:var(--secondary);color:#fff;box-shadow:0 10px 30px -5px #06b6d466}.pricing-btn:hover{transform:scale(1.02)}.custom-reel{text-align:center;margin-top:5rem;padding:3rem;background-color:var(--bg-surface);border-radius:24px;border:1px solid rgba(255,255,255,.05)}.custom-reel p{color:var(--text-muted);font-size:1.1rem}.custom-reel a{color:var(--secondary);text-decoration:none;font-weight:700;margin-left:.5rem}@media(max-width:768px){.pricing-grid{grid-template-columns:1fr}}.video-upload{padding:8rem 10%;background-color:var(--bg-main);border-top:1px solid rgba(255,255,255,.05)}.upload-container{max-width:900px;margin:0 auto;background-color:var(--bg-surface);padding:4rem;border-radius:32px;border:1px solid rgba(255,255,255,.05);box-shadow:0 40px 100px -20px #000c;text-align:center}.upload-container h2{font-size:3rem;margin-bottom:1.5rem;font-weight:800;letter-spacing:-1px}.upload-container p{font-size:1.2rem;color:var(--text-muted);margin-bottom:4rem}.upload-form{height:350px;width:100%}#label-file-upload{height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;border-width:2px;border-radius:24px;border-style:dashed;border-color:#ffffff1a;background-color:#ffffff05;cursor:pointer;transition:all .4s cubic-bezier(.16,1,.3,1)}#label-file-upload.drag-active{background-color:#8b5cf60d;border-color:var(--primary);transform:scale(1.01)}.upload-icon{font-size:4rem;margin-bottom:2rem;filter:drop-shadow(0 0 20px rgba(139,92,246,.3))}#label-file-upload p{font-size:1.2rem;margin-bottom:.5rem;color:var(--text-main)}#label-file-upload p span{color:var(--secondary);font-weight:700}.file-types{font-size:.9rem;color:var(--text-muted)}.url-upload{margin-top:4rem;padding-top:4rem;border-top:1px solid rgba(255,255,255,.05)}.url-upload span{display:block;margin-bottom:1.5rem;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:2px;font-size:.8rem}.url-input-group{display:flex;gap:1rem;max-width:700px;margin:0 auto}.url-input-group input{flex:1;padding:1rem 1.5rem;border-radius:12px;border:1px solid rgba(255,255,255,.1);background-color:#0003;color:#fff;font-size:1rem;outline:none;transition:border-color .3s ease}.url-input-group input:focus{border-color:var(--secondary)}.url-input-group button{padding:1rem 2rem;background-color:#fff;color:#000;border:none;border-radius:12px;font-weight:700;cursor:pointer;transition:all .3s ease}.url-input-group button:hover{transform:translateY(-2px);box-shadow:0 10px 20px #ffffff1a}@media(max-width:768px){.upload-container{padding:2rem}.url-input-group{flex-direction:column}}.dashboard{padding:2rem 8%;background-color:var(--bg-main);min-height:100vh;color:#fff}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;padding-bottom:2rem;border-bottom:1px solid rgba(255,255,255,.05)}.welcome h1{font-size:2.2rem;font-weight:800;margin-bottom:.5rem}.welcome p{color:var(--text-muted)}.new-project-btn{background:linear-gradient(135deg,var(--primary),#7c3aed);color:#fff;border:none;padding:.8rem 1.8rem;border-radius:12px;font-weight:700;cursor:pointer;transition:transform .3s ease}.new-project-btn:hover{transform:translateY(-2px)}.dashboard-content{display:grid;grid-template-columns:1fr 300px;gap:3rem}.empty-state{background-color:var(--bg-surface);border:1px dashed rgba(255,255,255,.1);border-radius:24px;padding:5rem;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center}.empty-icon{font-size:4rem;margin-bottom:2rem;opacity:.5}.empty-state h2{font-size:1.8rem;margin-bottom:1rem}.empty-state p{color:var(--text-muted);margin-bottom:2rem;max-width:400px}.cta-btn{background-color:#fff;color:#000;border:none;padding:.8rem 2rem;border-radius:10px;font-weight:700;cursor:pointer}.dashboard-sidebar{display:flex;flex-direction:column;gap:2rem}.pro-card{background:linear-gradient(135deg,#1e1b4b,#0f172a);padding:2rem;border-radius:20px;border:1px solid rgba(139,92,246,.3);position:relative;overflow:hidden}.pro-card h3{margin-bottom:1rem;color:#fff}.pro-card p{font-size:.9rem;color:var(--text-muted);margin-bottom:1.5rem}.price-tag{display:block;font-size:1.2rem;font-weight:800;color:var(--secondary);margin-bottom:1.5rem}.pro-btn{width:100%;padding:.8rem;background-color:var(--primary);color:#fff;border:none;border-radius:10px;font-weight:700;cursor:pointer}.stats-card{background-color:var(--bg-surface);padding:2rem;border-radius:20px;border:1px solid rgba(255,255,255,.05)}.stats-card h4{margin-bottom:1.5rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;font-size:.8rem}.stat-item{display:flex;justify-content:space-between;margin-bottom:1rem}.stat-item strong{font-size:1.2rem}@media(max-width:1024px){.dashboard-content{grid-template-columns:1fr}}.legal-container{max-width:800px;margin:0 auto;padding:8rem 2rem;color:var(--text-main);line-height:1.8}.legal-container h1{font-size:3rem;margin-bottom:1rem;font-weight:800}.last-updated{color:var(--text-muted);margin-bottom:4rem;font-size:.9rem}.legal-container section{margin-bottom:3rem}.legal-container h2{font-size:1.5rem;margin-bottom:1.5rem;color:var(--secondary)}.legal-container p{margin-bottom:1rem;color:var(--text-muted)}.legal-container ul{margin-bottom:1.5rem;padding-left:1.5rem;color:var(--text-muted)}.legal-container li{margin-bottom:.5rem}