:root{--bg-black:#050505;--bg-surface:#121212;--bg-card:#1a1a1a;--border-dim:#ffffff14;--border-bright:#ffffff26;--primary-glow:#3b82f680;--primary-color:#3b82f6;--accent-cyan:#06b6d4;--accent-lime:#10b981;--accent-rose:#f43f5e;--accent-gold:#facc15;--text-main:#fff;--text-dim:#a1a1aa;--text-muted:#71717a;--surface-color:var(--bg-surface);--bg-color:var(--bg-black);--glass-bg:#ffffff08;--surface-hover:#ffffff14;--border-color:var(--border-dim);--text-color:var(--text-main);--text-secondary:var(--text-dim);--danger-color:#ef4444;--success-color:#22c55e;--primary-hover:#2563eb;--danger-light:#fca5a5;--warning-light:#fcd34d;--info-light:#93c5fd;--font-main:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-heading:"Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono:"JetBrains Mono", "Fira Code", monospace;--mono-font:var(--font-mono);--s-1:4px;--s-2:8px;--s-3:12px;--s-4:16px;--s-5:20px;--s-6:24px;--s-8:32px;--s-10:40px;--s-12:48px;--s-16:64px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:20px;--radius-2xl:24px;--radius-pill:100px;--shadow-sm:0 2px 8px #0000004d;--shadow-md:0 8px 24px #0006;--shadow-lg:0 40px 100px #00000080;--glass-blur:12px;--transition:all .2s cubic-bezier(.4, 0, .2, 1);--transition-med:all .3s cubic-bezier(.4, 0, .2, 1);--transition-slow:all .4s cubic-bezier(.4, 0, .2, 1);--header-height:72px;--container-max-width:1440px;--workflow-gap:var(--s-8)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-black);color:var(--text-main);font-family:var(--font-main);-webkit-font-smoothing:antialiased;line-height:1.5}.page-container{max-width:var(--container-max-width);margin:0 auto;padding:0 24px}.app-skeleton{flex-direction:column;min-height:100vh;display:flex}.main-content{padding-top:var(--header-height);flex:1}h1,h2,h3,h4{letter-spacing:-.03em;font-weight:800}.text-gradient{background:linear-gradient(to bottom right,#fff,#a1a1aa);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.mono{font-family:var(--font-mono);letter-spacing:-.02em}.glass-panel{background:var(--bg-surface);border:1px solid var(--border-dim);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur))}.btn-pro{border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:10px 20px;font-size:.875rem;font-weight:700;display:inline-flex}.btn-primary{background:var(--primary-color);color:#fff;box-shadow:0 4px 15px var(--primary-glow)}.btn-primary:hover{filter:brightness(1.1);box-shadow:0 8px 25px var(--primary-glow);transform:translateY(-1px)}.btn-secondary{border-color:var(--border-bright);color:#fff;background:#ffffff0d}.btn-secondary:hover{background:#ffffff1a;border-color:#ffffff4d}.icon-btn{border:1px solid var(--border-dim);width:40px;height:40px;color:var(--text-dim);cursor:pointer;transition:var(--transition);background:#ffffff08;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-btn:hover{color:#fff;background:#ffffff14}.icon-btn:disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.glass-card{border:1px solid var(--border-dim);border-radius:var(--radius-xl);-webkit-backdrop-filter:blur(var(--glass-blur));backdrop-filter:blur(var(--glass-blur));background:#ffffff05}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-in{animation:.4s ease-out forwards fadeIn}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--bg-black)}::-webkit-scrollbar-thumb{background:var(--bg-card);border-radius:var(--radius-lg)}::-webkit-scrollbar-thumb:hover{background:var(--border-bright)}.footer-pro{background-color:var(--bg-black);border-top:1px solid var(--border-dim);padding:120px 0 80px}.footer-content-minimal{text-align:center;flex-direction:column;align-items:center;gap:16px;display:flex}.brand-logo-pro{letter-spacing:-.04em;font-size:1.25rem;font-weight:900;display:block}.footer-copyright-pro{color:var(--text-muted);letter-spacing:.25em;opacity:.6;font-size:.65rem}.hero-title-cinematic{letter-spacing:.35em;color:#fff;text-transform:uppercase;margin-bottom:32px;font-size:5rem;font-weight:100;line-height:1.2}.text-glow{color:#fff;text-shadow:0 0 30px #ffffff4d;font-weight:400}.hero-subtitle-pro.mono{color:var(--text-muted);letter-spacing:.5em;opacity:.8;margin-bottom:48px;font-size:.75rem}@media (width<=1024px){.hero-title-cinematic{letter-spacing:.2em;font-size:3rem}}.page-loader{height:60vh;color:var(--primary-color);flex-direction:column;justify-content:center;align-items:center;gap:1rem;display:flex}.page-loader .mono{letter-spacing:.1em;font-size:.8rem}.spinning-pro{animation:1s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.library-filters-bar{gap:var(--s-3);padding:var(--s-4);border-bottom:1px solid var(--border-dim);background:#ffffff05;flex-direction:column;display:flex}.search-box-container{align-items:center;gap:var(--s-2);display:flex}.search-box{flex:1;align-items:center;display:flex;position:relative}.search-icon{color:var(--text-muted);position:absolute;left:12px}.library-search-input{border:1px solid var(--border-dim);border-radius:var(--radius-md);color:#fff;width:100%;transition:var(--transition);background:#0003;padding:8px 36px;font-size:.85rem}.library-search-input:focus{border-color:var(--primary-color);background:#0006;outline:none}.clear-all-filters{border:1px solid var(--border-dim);border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;width:36px;height:36px;transition:var(--transition);background:#ffffff08;justify-content:center;align-items:center;display:flex}.clear-all-filters:hover{color:var(--accent-rose);background:#f43f5e1a;border-color:#f43f5e4d}.filter-chips-container{flex-wrap:wrap;gap:6px;max-height:120px;padding-right:4px;display:flex;overflow-y:auto}.filter-chip{border:1px solid var(--border-dim);border-radius:var(--radius-sm);color:var(--text-dim);cursor:pointer;transition:var(--transition);white-space:nowrap;background:#ffffff0a;padding:6px 12px;font-size:.72rem;font-weight:600}.filter-chip:hover{color:#fff;border-color:var(--border-bright);background:#ffffff14}.filter-chip.active{background:var(--primary-color);border-color:var(--primary-color);color:#fff;box-shadow:0 0 15px #3b82f64d}.filter-chip.active:hover{filter:brightness(1.1)}.profile-dropdown-menu{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border-bright);border-radius:var(--radius-xl);width:240px;padding:var(--s-2);z-index:1000;transform-origin:100% 0;background:#0f0f0fe6;position:absolute;top:calc(100% + 12px);right:0;box-shadow:0 15px 40px #0009}.dropdown-user-header{padding:var(--s-4);align-items:center;gap:var(--s-3);display:flex}.dropdown-avatar-circle{width:32px;height:32px;color:var(--text-muted);background:#ffffff0d;border-radius:50%;justify-content:center;align-items:center;display:flex;overflow:hidden}.dropdown-avatar-image{object-fit:cover;width:100%;height:100%}.dropdown-user-details{flex-direction:column;display:flex;overflow:hidden}.dropdown-username{color:#fff;white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:700;overflow:hidden}.dropdown-email{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.75rem;overflow:hidden}.dropdown-divider{background:var(--border-dim);height:1px;margin:var(--s-2) 0}.dropdown-actions{flex-direction:column;gap:2px;display:flex}.dropdown-item{border-radius:var(--radius-md);width:100%;color:var(--text-dim);cursor:pointer;transition:var(--transition);text-align:left;background:0 0;border:none;align-items:center;gap:12px;padding:10px 12px;font-size:.85rem;font-weight:600;display:flex}.dropdown-item:hover{color:#fff;background:#ffffff0d}.dropdown-item svg{color:var(--text-muted)}.dropdown-item:hover svg{color:var(--primary-color)}.logout-item:hover,.logout-item:hover svg{color:var(--accent-rose)}.animate-fade-in{animation:.2s cubic-bezier(.16,1,.3,1) dropdownFadeIn}@keyframes dropdownFadeIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;width:100vw;height:100vh;padding:var(--s-6);background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;top:0;left:0}.modal-content{border:1px solid var(--border-bright);border-radius:var(--radius-2xl);background:#141414d9;flex-direction:column;width:100%;display:flex;overflow:hidden;box-shadow:0 30px 100px #000c}.modal-header{padding:var(--s-6) var(--s-8);border-bottom:1px solid var(--border-dim);justify-content:space-between;align-items:center;display:flex}.modal-title{letter-spacing:-.02em;color:#fff;font-size:1.25rem;font-weight:800}.modal-close-btn{color:var(--text-muted);cursor:pointer;transition:var(--transition);background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.modal-close-btn:hover{color:#fff;background:#ffffff0d}.modal-body{padding:var(--s-8);max-height:80vh;overflow-y:auto}.animate-scale-in{animation:.3s cubic-bezier(.16,1,.3,1) modalScaleIn}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.95)translateY(10px)}to{opacity:1;transform:scale(1)translateY(0)}}@media (width<=480px){.modal-overlay{padding:var(--s-4)}.modal-body{padding:var(--s-6)}}.profile-settings-content{gap:var(--s-6);flex-direction:column;display:flex}.avatar-selection-section{align-items:center;gap:var(--s-6);padding:var(--s-4);border-radius:var(--radius-xl);border:1px solid var(--border-dim);background:#ffffff05;display:flex}.avatar-preview-container{cursor:pointer;border:2px solid var(--border-bright);width:80px;height:80px;transition:var(--transition);border-radius:50%;position:relative;overflow:hidden}.avatar-preview-container:hover{border-color:var(--primary-color);transform:scale(1.02)}.avatar-preview-image{object-fit:cover;width:100%;height:100%}.avatar-preview-placeholder{background:var(--primary-color);color:#fff;justify-content:center;align-items:center;width:100%;height:100%;font-size:2rem;font-weight:800;display:flex}.avatar-edit-overlay{color:#fff;opacity:0;width:100%;height:100%;transition:var(--transition);background:#00000080;justify-content:center;align-items:center;display:flex;position:absolute;top:0;left:0}.avatar-preview-container:hover .avatar-edit-overlay{opacity:1}.avatar-info h3{margin-bottom:4px;font-size:.95rem;font-weight:800}.avatar-info p{color:var(--text-muted);font-size:.75rem}.settings-form{gap:var(--s-5);flex-direction:column;display:flex}.settings-section-title{color:var(--primary-color);text-transform:uppercase;letter-spacing:.1em;margin-top:var(--s-2);font-size:.75rem;font-weight:800}.settings-group{gap:var(--s-2);flex-direction:column;display:flex}.settings-label{color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;font-size:.7rem;font-weight:700}.settings-input-wrapper{align-items:center;display:flex;position:relative}.input-icon{color:var(--text-muted);pointer-events:none;position:absolute;left:14px}.settings-input{border:1px solid var(--border-dim);border-radius:var(--radius-lg);color:#fff;width:100%;font-family:var(--font-main);transition:var(--transition);background:#ffffff08;padding:12px 16px 12px 42px;font-size:.95rem}.settings-input:focus{border-color:var(--primary-color);background:#ffffff0d;outline:none;box-shadow:0 0 0 4px #3b82f61a}.settings-input-wrapper.disabled .settings-input{cursor:not-allowed;opacity:.5}.settings-message{border-radius:var(--radius-md);align-items:center;gap:10px;padding:12px;font-size:.85rem;font-weight:500;display:flex}.settings-message.success{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e33}.settings-message.error{color:#fb7185;background:#f43f5e1a;border:1px solid #f43f5e33}.settings-save-btn{justify-content:center;align-items:center;gap:10px;width:100%;height:48px;display:flex}.settings-divider{background:var(--border-dim);height:1px;margin:var(--s-2) 0}.danger-zone{padding:var(--s-6);border-radius:var(--radius-xl);background:#f43f5e08;border:1px solid #f43f5e1a}.danger-title{color:#fb7185;margin-bottom:var(--s-1);font-size:.9rem;font-weight:800}.danger-desc{color:var(--text-muted);margin-bottom:var(--s-4);font-size:.8rem;line-height:1.5}.btn-danger{color:#fb7185;border-radius:var(--radius-lg);cursor:pointer;width:100%;height:44px;transition:var(--transition);background:#f43f5e1a;border:1px solid #f43f5e33;justify-content:center;align-items:center;gap:10px;font-weight:700;display:flex}.btn-danger:hover{color:#fff;background:#f43f5e;border-color:#f43f5e}.project-manager-container{gap:var(--s-6);flex-direction:column;min-height:400px;max-height:70vh;display:flex}.project-manager-header{justify-content:space-between;align-items:center;gap:var(--s-4);padding-bottom:var(--s-4);border-bottom:1px solid var(--border-dim);display:flex}.project-search-wrapper{flex:1;max-width:400px;position:relative}.search-icon{color:var(--text-muted);position:absolute;top:50%;left:14px;transform:translateY(-50%)}.project-search-input{border:1px solid var(--border-dim);border-radius:var(--radius-lg);color:#fff;width:100%;transition:var(--transition);background:#ffffff08;padding:10px 16px 10px 42px;font-size:.9rem}.project-search-input:focus{border-color:var(--primary-color);background:#ffffff0f;outline:none}.projects-grid-container{padding-right:var(--s-2);margin-right:-var(--s-2);overflow-y:auto}.projects-grid-container::-webkit-scrollbar{width:6px}.projects-grid-container::-webkit-scrollbar-track{background:0 0}.projects-grid-container::-webkit-scrollbar-thumb{background:var(--border-dim);border-radius:10px}.projects-grid{gap:var(--s-6);grid-template-columns:repeat(auto-fill,minmax(240px,1fr));display:grid}.project-card{border:1px solid var(--border-dim);border-radius:var(--radius-xl);cursor:pointer;background:#ffffff05;flex-direction:column;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;overflow:hidden}.project-card:hover{background:#ffffff0d;border-color:#3b82f666;transform:translateY(-4px);box-shadow:0 12px 24px #0000004d}.project-thumbnail{aspect-ratio:16/9;background:linear-gradient(135deg,#1a1a1a 0%,#0d0d0d 100%);justify-content:center;align-items:center;display:flex;position:relative;overflow:hidden}.project-placeholder{color:#ffffff1a;transition:var(--transition)}.project-card:hover .project-placeholder{color:var(--primary-color);opacity:.5}.project-overlay{opacity:0;transition:var(--transition);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.project-card:hover .project-overlay{opacity:1}.play-circle{background:var(--primary-color);border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;transform:scale(.8);box-shadow:0 4px 15px #3b82f666}.project-card:hover .play-circle{transform:scale(1)}.project-info{padding:var(--s-4);justify-content:space-between;gap:var(--s-3);flex-direction:column;flex:1;display:flex}.project-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;margin-bottom:4px;font-size:1rem;font-weight:700;overflow:hidden}.project-meta{color:var(--text-muted);align-items:center;gap:8px;font-size:.75rem;font-weight:600;display:flex}.meta-divider{opacity:.3}.project-card-footer{padding-top:var(--s-3);border-top:1px solid #ffffff0d;justify-content:space-between;align-items:center;margin-top:auto;display:flex}.project-date{color:var(--text-muted);align-items:center;gap:6px;font-size:.7rem;display:flex}.project-actions{gap:8px;display:flex}.project-action-btn{color:var(--text-muted);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition);background:0 0;border:none;padding:6px}.project-action-btn:hover{color:#fff;background:#ffffff0d}.project-action-btn.delete:hover{color:#f43f5e;background:#f43f5e1a}.loading-projects,.no-projects{text-align:center;justify-content:center;align-items:center;gap:var(--s-4);height:300px;color:var(--text-muted);flex-direction:column;display:flex}.no-projects-icon{border:1px dashed var(--border-dim);width:80px;height:80px;margin-bottom:var(--s-2);background:#ffffff05;border-radius:50%;justify-content:center;align-items:center;display:flex}.no-projects h3{color:#fff;margin-bottom:4px}.project-confirm-overlay{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:9999;padding:var(--s-6);background:#000c;justify-content:center;align-items:center;animation:.3s ease-out fadeIn;display:flex;position:fixed;inset:0}.project-confirm-card{-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);border:1px solid var(--border-bright);border-radius:var(--radius-2xl);text-align:center;max-width:440px;box-shadow:var(--shadow-lg), 0 0 80px #f43f5e1a;font-family:var(--font-main);background:#121212f2;flex-direction:column;align-items:center;gap:24px;padding:48px 32px;display:flex}.confirm-icon-area{background:#f43f5e1a;border:1px solid #f43f5e33;border-radius:50%;justify-content:center;align-items:center;width:72px;height:72px;margin-bottom:4px;display:flex}.danger-text{color:#f43f5e;filter:drop-shadow(0 0 10px #f43f5e66)}.project-confirm-card h2{letter-spacing:-.04em;color:#fff;margin:0;font-size:1.5rem;font-weight:800}.project-confirm-card p{color:var(--text-dim);max-width:320px;font-size:.9rem;line-height:1.6}.highlight-text{color:#fff;font-weight:700;font-family:var(--font-mono);background:#ffffff0d;border-radius:4px;margin:0 2px;padding:2px 8px;display:inline-block}.confirm-actions{gap:12px;width:100%;margin-top:8px;display:flex}.confirm-actions .btn-pro{letter-spacing:.05em;text-transform:uppercase;flex:1;height:48px;font-size:.8rem;font-weight:800}.btn-danger{color:#fff;background:#f43f5e;border:none;box-shadow:0 4px 15px #f43f5e4d}.btn-danger:hover{background:#e11d48;transform:translateY(-2px);box-shadow:0 8px 25px #f43f5e66}.user-account-container{align-items:center;display:flex;position:relative}.avatar-button{cursor:pointer;transition:var(--transition);background:0 0;border:2px solid #0000;border-radius:50%;justify-content:center;align-items:center;padding:2px;display:flex}.avatar-button:hover,.avatar-button.active{border-color:var(--primary-color);transform:scale(1.05)}.avatar-circle{background:linear-gradient(135deg, var(--primary-color) 0%, #1e40af 100%);color:#fff;letter-spacing:.05em;border-radius:50%;justify-content:center;align-items:center;width:38px;height:38px;font-size:.85rem;font-weight:700;display:flex;overflow:hidden;box-shadow:0 4px 12px #0000004d}.avatar-image-header{object-fit:cover;width:100%;height:100%}@media (width<=480px){.avatar-circle{width:32px;height:32px;font-size:.75rem}}:root{--header-height:72px;--header-height-scrolled:64px;--header-bg-transparent:#05050500;--header-bg-glass:#080808bf;--header-blur:24px;--header-border:#ffffff14;--header-border-scrolled:#ffffff1f;--accent-blue:#3b82f6;--accent-glow:#3b82f666;--text-primary:#fff;--text-secondary:#fff9;--text-tertiary:#fff6}.marketing-header{height:var(--header-height);z-index:2000;background:var(--header-bg-transparent);border-bottom:1px solid #0000;align-items:center;transition:all .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;right:0}.header-scrolled{height:var(--header-height-scrolled);background:var(--header-bg-glass);-webkit-backdrop-filter:blur(var(--header-blur)) saturate(150%);backdrop-filter:blur(var(--header-blur)) saturate(150%);border-bottom:1px solid var(--header-border-scrolled);box-shadow:0 4px 30px #0000004d}.header-container{justify-content:space-between;align-items:center;width:100%;max-width:1400px;margin:0 auto;padding:0 40px;display:flex}.header-left{flex:1;align-items:center;display:flex}.logo-brand{align-items:center;gap:10px;text-decoration:none;transition:opacity .3s;display:flex}.logo-brand:hover{opacity:.9}.logo-icon-container{color:var(--accent-blue);filter:drop-shadow(0 0 8px var(--accent-glow));justify-content:center;align-items:center;display:flex}.logo-text{color:#fff;letter-spacing:-.03em;font-family:Inter,sans-serif;font-size:1.15rem;font-weight:700}.logo-accent{color:var(--accent-blue)}.header-center{align-items:center;gap:32px;display:flex}.nav-link{color:var(--text-secondary);letter-spacing:.01em;padding:8px 4px;font-size:.825rem;font-weight:500;text-decoration:none;transition:all .3s;position:relative}.nav-link:hover{color:var(--text-primary);text-shadow:0 0 15px #ffffff4d}.nav-link:after{content:"";background:var(--accent-blue);width:0;height:1px;box-shadow:0 0 10px var(--accent-glow);transition:all .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:50%;transform:translate(-50%)}.nav-link:hover:after{width:100%}.header-right{flex:1;justify-content:flex-end;align-items:center;gap:28px;display:flex}.auth-actions{align-items:center;gap:28px;display:flex}.link-signin{color:var(--text-secondary);font-size:.825rem;font-weight:500;text-decoration:none;transition:color .3s}.link-signin:hover{color:var(--text-primary)}.btn-open-studio{color:var(--text-primary);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffff08;border:1px solid #ffffff1a;border-radius:8px;align-items:center;gap:8px;padding:10px 24px;font-size:.825rem;font-weight:600;text-decoration:none;transition:all .4s cubic-bezier(.16,1,.3,1);display:flex;position:relative;overflow:hidden}.btn-open-studio:before{content:"";opacity:0;background:linear-gradient(135deg,#3b82f61a,#0000);transition:opacity .4s;position:absolute;inset:0}.btn-open-studio:hover{border-color:var(--accent-blue);background:#ffffff14;transform:translateY(-1px);box-shadow:0 0 20px #3b82f633}.btn-open-studio:hover:before{opacity:1}.btn-open-studio .cta-icon{transition:transform .3s}.btn-open-studio:hover .cta-icon{transform:translate(3px)}.mobile-menu-toggle{color:var(--text-primary);cursor:pointer;z-index:2001;background:0 0;border:none;margin-right:-8px;padding:8px;transition:transform .3s;display:none}.mobile-menu-toggle:active{transform:scale(.9)}.mobile-menu-overlay{-webkit-backdrop-filter:blur(30px);backdrop-filter:blur(30px);z-index:1999;background:#050505fa;flex-direction:column;justify-content:center;width:100%;height:100vh;padding:0 40px;transition:transform .6s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;left:0;transform:translate(100%)}.mobile-menu-overlay.open{transform:translate(0)}.mobile-nav-links{flex-direction:column;gap:32px;margin-bottom:60px;display:flex}.mobile-nav-link{color:var(--text-primary);letter-spacing:-.04em;opacity:0;font-size:2.5rem;font-weight:700;text-decoration:none;transition:all .3s;transform:translateY(20px)}.mobile-menu-overlay.open .mobile-nav-link{opacity:1;transform:translateY(0)}.mobile-nav-link:first-child{transition-delay:.1s}.mobile-nav-link:nth-child(2){transition-delay:.2s}.mobile-nav-link:nth-child(3){transition-delay:.3s}.mobile-nav-link:nth-child(4){transition-delay:.4s}.mobile-nav-link:hover{color:var(--accent-blue);padding-left:10px}.mobile-auth-actions{opacity:0;flex-direction:column;gap:16px;transition:all .3s .5s;display:flex}.mobile-menu-overlay.open .mobile-auth-actions{opacity:1}.btn-mobile-primary{background:var(--accent-blue);color:#fff;text-align:center;border-radius:12px;padding:20px;font-size:1.1rem;font-weight:700;text-decoration:none}.btn-mobile-secondary{color:var(--text-primary);text-align:center;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px;font-size:1.1rem;font-weight:600;text-decoration:none}@media (width<=1024px){.header-container{padding:0 24px}.desktop-only{display:none}.mobile-menu-toggle{display:block}.header-left{flex:1}.header-right{flex:0}}@media (width<=480px){.mobile-menu-overlay{padding:0 24px}.mobile-nav-link{font-size:2rem}}.upgrade-modal-container{color:var(--text-color,#fff);flex-direction:column;align-items:center;padding:.5rem .75rem 1rem;font-family:Inter,system-ui,-apple-system,sans-serif;display:flex}.upgrade-header-art{text-align:center;width:100%;margin-bottom:1.5rem;padding-top:.5rem;position:relative}.art-glow{filter:blur(30px);pointer-events:none;z-index:0;background:radial-gradient(circle,#3b82f640 0%,#facc1514 40%,#0000 70%);width:180px;height:180px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.crown-badge{background:radial-gradient(135deg, #facc151f 0%, #3b82f61f 100%);z-index:1;border:1.5px solid #facc1540;border-radius:50%;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:.85rem;display:inline-flex;position:relative;box-shadow:0 0 32px #facc151f,0 8px 24px #0000004d}.crown-icon{color:var(--accent-gold,#facc15);filter:drop-shadow(0 0 6px #facc1566)}.upgrade-title{letter-spacing:-.03em;z-index:1;color:#fff;margin:0 0 .4rem;font-size:1.65rem;font-weight:800;position:relative}.upgrade-subtitle{color:var(--text-dim,#a1a1aa);z-index:1;letter-spacing:.01em;margin:0;font-size:.92rem;position:relative}.gated-feature-info{border-radius:var(--radius-xl,16px);text-align:left;background:linear-gradient(135deg,#3b82f612 0%,#8b5cf60a 100%);border:1px solid #3b82f626;align-items:flex-start;gap:1rem;width:100%;margin-bottom:1.25rem;padding:1rem 1.15rem;display:flex;box-shadow:inset 0 1px 1px #ffffff0a}.gated-icon-wrapper{color:#60a5fa;background:#3b82f61f;border:1px solid #3b82f633;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex}.gated-text-wrapper{flex-direction:column;gap:.15rem;display:flex}.gated-feature-label{text-transform:uppercase;letter-spacing:.08em;color:#60a5fa;margin-bottom:.1rem;font-size:.68rem;font-weight:700}.gated-feature-title{color:#fff;margin:0;font-size:1rem;font-weight:700}.gated-feature-desc{color:var(--text-dim,#a1a1aa);margin:0;font-size:.82rem;line-height:1.45}.upgrade-divider{background:linear-gradient(90deg,#0000 0%,#ffffff0f 30% 70%,#0000 100%);border:none;width:100%;height:1px;margin:.25rem 0 1.25rem}.pro-benefits-section{width:100%;margin-bottom:1.5rem}.benefits-heading{text-transform:uppercase;letter-spacing:.1em;color:var(--text-dim,#71717a);margin:0 0 .85rem;font-size:.7rem;font-weight:700}.pro-benefits-list{flex-direction:column;gap:.7rem;width:100%;display:flex}.benefit-item{color:var(--text-color,#e2e8f0);align-items:center;gap:.75rem;font-size:.88rem;line-height:1.3;display:flex}.benefit-check{color:#4ade80;background:#22c55e1a;border:1px solid #22c55e40;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:20px;height:20px;display:flex}.billing-cycle-selector{border-radius:var(--radius-xl,16px);background:#ffffff05;border:1px solid #ffffff0f;grid-template-columns:1fr 1fr;gap:.85rem;width:100%;margin-bottom:1.5rem;padding:.85rem;display:grid}.cycle-btn{color:#fff;cursor:pointer;background:#ffffff05;border:1.5px solid #ffffff0f;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;padding:.85rem .75rem;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.cycle-btn:hover{background:#ffffff0d;border-color:#ffffff1f}.cycle-btn.active{background:#3b82f61a;border-color:#3b82f680;box-shadow:0 0 20px #3b82f61f,inset 0 1px 1px #ffffff0d}.cycle-title{text-transform:uppercase;letter-spacing:.06em;color:var(--text-dim,#71717a);margin-bottom:.3rem;font-size:.72rem;font-weight:700;transition:color .25s}.cycle-btn.active .cycle-title{color:#93bbfd}.cycle-price{color:#fff;letter-spacing:-.02em;font-size:1.25rem;font-weight:800;transition:color .25s}.cycle-btn:not(.active) .cycle-price{color:var(--text-dim,#a1a1aa)}.save-badge{background:linear-gradient(135deg, var(--accent-gold,#facc15) 0%, #f59e0b 100%);color:#050505;letter-spacing:.02em;border-bottom-left-radius:8px;padding:.2rem .5rem;font-size:.6rem;font-weight:800;position:absolute;top:0;right:0}.upgrade-actions{flex-direction:column;align-items:center;gap:.6rem;width:100%;display:flex}.upgrade-cta-btn{cursor:pointer;letter-spacing:.01em;border:none;border-radius:14px;justify-content:center;align-items:center;width:100%;padding:.9rem 1.25rem;font-size:.95rem;font-weight:700;transition:all .25s cubic-bezier(.4,0,.2,1);display:flex}.primary-glow-btn{color:#fff;background:linear-gradient(135deg,#3b82f6 0%,#2563eb 50%,#1d4ed8 100%);box-shadow:0 4px 20px #3b82f64d,0 1px 3px #0003}.primary-glow-btn:hover:not(:disabled){background:linear-gradient(135deg,#60a5fa 0%,#3b82f6 50%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 8px 30px #3b82f673,0 2px 6px #0003}.primary-glow-btn:active:not(:disabled){transform:translateY(1px);box-shadow:0 2px 12px #3b82f64d}.primary-glow-btn:disabled{opacity:.6;cursor:not-allowed}.upgrade-cancel-btn{color:var(--text-dim,#71717a);cursor:pointer;background:0 0;border:none;padding:.35rem .75rem;font-size:.85rem;font-weight:500;transition:color .2s}.upgrade-cancel-btn:hover{color:#d4d4d8}.secure-payment-disclaimer{color:var(--text-dim,#52525b);text-align:center;letter-spacing:.01em;margin-top:1rem;margin-bottom:0;font-size:.72rem}.upgrade-error-message{color:#f87171;text-align:center;background:#ef444414;border:1px solid #ef444426;border-radius:12px;width:100%;margin-bottom:1rem;padding:.75rem 1rem;font-size:.85rem}.mr-2{margin-right:.5rem}.ml-2{margin-left:.5rem}.animate-pulse{animation:2.5s cubic-bezier(.4,0,.6,1) infinite pulse}.animate-spin{animation:1s linear infinite spin}.modal-content:has(.upgrade-modal-container){-webkit-backdrop-filter:blur(40px)saturate(1.5);backdrop-filter:blur(40px)saturate(1.5);background:#0e0e10eb;border:1px solid #ffffff12;max-width:520px;box-shadow:0 40px 120px #000c,0 0 80px #3b82f60f}.modal-content:has(.upgrade-modal-container) .modal-body{padding:1.25rem 2rem 1.75rem}.modal-content:has(.upgrade-modal-container) .modal-header{border-bottom:none;padding:1rem 1.75rem 0}