:root{--bg:#050816;--bg-soft:#0a1023;--bg-elevated:#10182f;--surface:rgba(12,18,37,0.84);--surface-strong:rgba(18,27,53,0.96);--surface-soft:rgba(255,255,255,0.04);--text:#f6f7fb;--muted:#9aa7c6;--line:rgba(255,255,255,0.1);--line-strong:rgba(255,255,255,0.18);--blue:#4c8dff;--blue-deep:#74a8ff;--pink:#ff4fa5;--violet:#8d50ff;--amber:#ff9548;--success:#48d7a0;--warning:#f2b45f;--danger:#ff7d91;--shadow:0 40px 120px rgba(2,6,23,0.56);--radius-xl:32px;--radius-lg:24px;--radius-md:18px;--max-width:1160px;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--text);background:radial-gradient(circle at 14% 18%,rgba(255,79,165,.22),transparent 28%),radial-gradient(circle at 82% 16%,rgba(76,141,255,.18),transparent 30%),radial-gradient(circle at 70% 80%,rgba(141,80,255,.18),transparent 26%),linear-gradient(180deg,#060a17,#080d1d 40%,#050816)}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,select{cursor:pointer}input,select,textarea{width:100%;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:.95rem 1rem;color:var(--text);outline:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}input::placeholder,textarea::placeholder{color:rgba(154,167,198,.75)}input:focus,select:focus,textarea:focus{border-color:rgba(118,153,255,.8);box-shadow:0 0 0 4px rgba(76,141,255,.14);background:rgba(255,255,255,.06)}textarea{resize:vertical;min-height:110px}.shell{width:min(var(--max-width),calc(100% - 12px));margin:0 auto}.button{border:none;border-radius:999px;padding:.92rem 1.3rem;font-weight:700;transition:transform .16s ease,opacity .16s ease,box-shadow .16s ease,border-color .16s ease}.button:hover{transform:translateY(-1px)}.button:disabled{opacity:.7;cursor:default;transform:none}.button.primary{color:#fff;background:linear-gradient(135deg,var(--pink),var(--amber) 38%,var(--blue) 72%,var(--violet));background-size:200% 200%;box-shadow:0 18px 44px rgba(141,80,255,.34);animation:shimmer-flow 10s ease infinite}.button.secondary{color:var(--text);background:rgba(255,255,255,.05);border:1px solid var(--line);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.app-shell{padding:18px 0 40px}.studio-shell{display:grid;grid-gap:18px;gap:18px;width:calc(100% - 12px);margin:0 auto;align-items:start;min-height:calc(100vh - 36px)}.studio-course-empty,.studio-main-top,.studio-panel,.studio-sidebar{background:linear-gradient(180deg,rgba(16,22,43,.82),rgba(9,14,28,.9));border:1px solid rgba(255,255,255,.08);border-radius:26px;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.studio-sidebar{display:grid;grid-gap:1rem;gap:1rem;padding:1rem;align-self:stretch}.studio-sidebar-head{display:flex;justify-content:space-between;gap:.9rem;align-items:flex-start}.studio-sidebar-brand{display:grid;grid-gap:.45rem;gap:.45rem}.marketing-wordmark,.studio-wordmark{display:flex;align-items:center;justify-content:flex-start;gap:.75rem;padding:0;margin:0;background:transparent;border:0;box-shadow:none}.marketing-wordmark img,.studio-wordmark img{width:auto;height:auto;max-width:100%;object-fit:contain}.studio-wordmark img{width:min(200px,46vw);height:auto}.marketing-wordmark img{width:min(280px,64vw);height:auto}.studio-sidebar-body{display:grid;grid-gap:1rem;gap:1rem}.studio-create-button{width:100%;min-height:46px;justify-content:center;display:inline-flex;padding:.78rem 1rem;border-radius:18px;font-size:.96rem;box-shadow:0 14px 34px rgba(141,80,255,.22)}.studio-rail-header{display:grid;grid-gap:.75rem;gap:.75rem}.studio-rail-header strong{display:block;margin-top:.35rem;font-size:1rem}.studio-course-list{display:grid;grid-gap:.75rem;gap:.75rem;max-height:calc(100vh - 260px);overflow:auto;padding-right:.2rem}.studio-course-item{text-align:left;display:grid;grid-gap:.55rem;gap:.55rem;padding:.95rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);transition:border-color .16s ease,transform .16s ease,background .16s ease,box-shadow .16s ease}.studio-course-item:focus-visible,.studio-course-item:hover{transform:translateY(-1px);border-color:rgba(118,153,255,.22);outline:none}.studio-course-item.active{border-color:rgba(118,153,255,.3);background:linear-gradient(135deg,rgba(255,79,165,.1),rgba(76,141,255,.12)),rgba(255,255,255,.05);box-shadow:0 14px 32px rgba(3,8,22,.26)}.studio-course-item-top{display:grid;grid-gap:.55rem;gap:.55rem}.studio-course-item-top strong{font-size:1rem;line-height:1.3}.studio-course-item p,.studio-course-item-meta{margin:0;color:var(--muted);font-size:.9rem;line-height:1.55}.studio-course-item-meta{display:flex;justify-content:space-between;gap:.6rem}.studio-course-empty{padding:1rem;color:var(--muted)}.studio-main{display:grid;grid-gap:1rem;gap:1rem;min-width:0}.studio-main-top{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem;padding:1rem 1.1rem}.studio-main-top-copy{min-width:0}.studio-main-logout,.studio-mobile-courses{display:none}.studio-mobile-toggle{width:100%;display:flex;justify-content:space-between;align-items:center;gap:1rem;text-align:left;padding:.95rem 1rem;border-radius:20px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(16,22,43,.82),rgba(9,14,28,.9));color:var(--text)}.studio-mobile-toggle strong{display:block;margin-top:.35rem;font-size:1rem;line-height:1.35}.studio-mobile-toggle svg{flex-shrink:0;transition:transform .18s ease}.studio-mobile-toggle.open svg{transform:rotate(180deg)}.studio-main-top h2{margin:.45rem 0 .2rem;line-height:1.05}.studio-main-top p{margin:0;color:var(--muted)}.landing-shell{position:relative;padding-bottom:40px}.app-frame{position:relative;background:linear-gradient(180deg,rgba(14,20,40,.94),rgba(7,11,23,.98)),#060914;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-xl);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);overflow:hidden}.app-frame:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(circle at top left,rgba(255,79,165,.14),transparent 24%),radial-gradient(circle at top right,rgba(76,141,255,.14),transparent 24%)}.app-topbar{padding:18px 18px 8px}.app-topbar,.landing-topbar{display:flex;justify-content:space-between;align-items:center;gap:1rem}.landing-topbar{padding:18px 0 22px}.marketing-shell{padding:0 0 48px}.marketing-hero,.marketing-how,.marketing-login,.marketing-metrics{width:100%}.marketing-hero{position:relative;min-height:58vh;display:grid;place-items:center;text-align:center;padding:0 0 .8rem}.marketing-stage{position:relative;width:100%;min-height:420px;display:grid;place-items:center}.marketing-copy{position:relative;z-index:2;width:min(920px,calc(100% - 32px));display:grid;grid-gap:.9rem;gap:.9rem;justify-items:center}.marketing-chip-row{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem}.marketing-title{margin:0;max-width:17ch;font-size:clamp(1.58rem,3.25vw,2.55rem);line-height:.95;letter-spacing:-.05em;display:grid;grid-gap:.08em;gap:.08em;justify-items:center}.marketing-title span{display:block}.marketing-description{margin:0;max-width:32rem;color:rgba(240,244,255,.78);font-size:.98rem;line-height:1.62}.marketing-cta-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:1rem}.marketing-cta{display:inline-flex;justify-content:center;min-width:180px}.marketing-proof{color:var(--muted);font-size:.94rem}.marketing-tiles{position:absolute;inset:0;pointer-events:none}.marketing-tile{position:absolute;width:88px;aspect-ratio:3/4;border-radius:16px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.04);box-shadow:0 20px 44px rgba(2,6,23,.22)}.marketing-tile img{object-fit:cover}.marketing-tile-a{top:6%;left:4%;transform:rotate(-8deg)}.marketing-tile-b{top:18%;right:8%;transform:rotate(6deg)}.marketing-tile-c{top:48%;left:12%;transform:rotate(8deg)}.marketing-tile-d{bottom:14%;right:16%;transform:rotate(-7deg)}.marketing-tile-e{bottom:8%;left:22%;transform:rotate(-4deg)}.marketing-metrics{display:grid;grid-gap:1rem;gap:1rem;padding:.8rem 0 2.2rem}.marketing-metric{display:grid;grid-gap:.3rem;gap:.3rem;justify-items:center;text-align:center}.marketing-metric strong{font-size:clamp(1.4rem,2.5vw,2rem)}.marketing-metric span{color:var(--muted)}.marketing-how{display:grid;grid-gap:1.6rem;gap:1.6rem;padding:4.4rem 0 4rem}.marketing-section-header{display:grid;grid-gap:.9rem;gap:.9rem}.marketing-section-header-center{justify-items:center;text-align:center;gap:.55rem}.marketing-section-header h2{margin:0;font-size:clamp(1.45rem,2.55vw,2.2rem);line-height:1.03;letter-spacing:-.04em}.marketing-process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:1rem;gap:1rem;width:min(980px,calc(100% - 32px));margin:0 auto}.marketing-process-card{position:relative;overflow:hidden;min-height:170px;padding:1.25rem 1.15rem 1.15rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at top right,rgba(120,136,255,.14),transparent 38%),rgba(255,255,255,.03);box-shadow:inset 0 1px 0 rgba(255,255,255,.05);display:grid;align-content:start;grid-gap:.95rem;gap:.95rem}.marketing-process-card:before{content:attr(data-number);position:absolute;left:1rem;top:.45rem;font-size:clamp(3.6rem,8vw,5.5rem);font-weight:900;letter-spacing:-.08em;line-height:.8;color:rgba(255,255,255,.08);pointer-events:none}.marketing-process-index{display:inline-flex;width:-moz-fit-content;width:fit-content;padding:.38rem .7rem;border-radius:999px;background:rgba(115,128,255,.16);color:#d7e0ff;font-size:.72rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.marketing-process-text{position:relative;max-width:18ch;color:rgba(246,247,251,.95);font-size:1rem;line-height:1.55;font-weight:600}.marketing-login{display:grid;grid-gap:1rem;gap:1rem;width:min(var(--max-width),calc(100% - 32px));margin:0 auto;padding:2.6rem 0 2.2rem;border-top:1px solid rgba(255,255,255,.08)}.marketing-login-copy{display:grid;grid-gap:.45rem;gap:.45rem}.marketing-login-copy h2{margin:0;font-size:clamp(1.45rem,2.5vw,2rem);line-height:1.08}.marketing-login-copy p{margin:0;color:var(--muted);line-height:1.6;max-width:24rem}.marketing-login-card{padding:1rem;border-radius:24px;border:1px solid rgba(255,255,255,.08);background:linear-gradient(180deg,rgba(18,25,49,.6),rgba(10,15,31,.82))}.auth-nav-actions{display:flex;align-items:center;gap:.75rem}.brand-lockup{display:flex;align-items:center;gap:.9rem}.brand-mark{width:50px;height:50px;border-radius:18px;display:grid;place-items:center;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px 0 rgba(255,255,255,.06)}.brand-mark img{object-fit:contain}.brand-title{font-size:1.04rem;font-weight:800;letter-spacing:.04em}.brand-subtitle{font-size:.9rem;color:var(--muted)}.icon-button{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:rgba(255,255,255,.04);color:var(--text);display:grid;place-items:center}.auth-screen,.dashboard-screen,.landing-screen{display:grid;grid-gap:1rem;gap:1rem;padding:12px}.landing-hero{display:grid;grid-gap:1.25rem;gap:1.25rem;padding:2rem 0 1rem;background:radial-gradient(circle at 12% 10%,rgba(255,79,165,.18),transparent 22%),radial-gradient(circle at 88% 16%,rgba(76,141,255,.16),transparent 22%),transparent}.landing-copy{display:grid;grid-gap:1rem;gap:1rem}.landing-chip-row{display:flex;flex-wrap:wrap;gap:.7rem}.landing-title{margin:0;max-width:12ch;font-size:clamp(2.9rem,7.5vw,5.6rem);line-height:.95;letter-spacing:-.04em}.landing-description{margin:0;max-width:40rem;color:rgba(240,244,255,.78);font-size:1.04rem;line-height:1.72}.landing-cta-row{display:flex;flex-wrap:wrap;align-items:center;gap:.9rem}.landing-cta{min-width:180px;justify-content:center;display:inline-flex}.landing-proof{color:var(--muted);font-size:.94rem}.landing-visual{display:grid}.landing-visual-shell{position:relative;overflow:hidden;min-height:100%;border-radius:36px;background:radial-gradient(circle at top right,rgba(76,141,255,.14),transparent 26%),linear-gradient(180deg,rgba(18,25,49,.26),rgba(10,15,31,.08));padding:.75rem 0 0}.landing-orbit{position:absolute;border-radius:999px;filter:blur(16px);pointer-events:none}.landing-orbit-one{width:180px;height:180px;top:-28px;right:-22px;background:radial-gradient(circle,rgba(255,79,165,.36),transparent 68%)}.landing-orbit-two{width:200px;height:200px;bottom:-46px;left:-34px;background:radial-gradient(circle,rgba(76,141,255,.28),transparent 68%)}.landing-visual-top{position:relative;z-index:1;display:flex;justify-content:space-between;gap:.8rem;font-size:.8rem;color:rgba(255,255,255,.72);text-transform:uppercase;letter-spacing:.08em}.landing-preview-card{position:relative;z-index:1;display:grid;grid-gap:1rem;gap:1rem;align-content:end;min-height:420px;margin-top:1rem;border-radius:28px;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle at bottom left,rgba(255,149,72,.09),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.01));padding:1.3rem}.landing-preview-glow{position:absolute;inset:auto auto -80px 18px;width:240px;height:240px;border-radius:999px;background:radial-gradient(circle,rgba(255,149,72,.28),transparent 70%);filter:blur(10px)}.landing-preview-brand{position:relative;z-index:1;display:grid;place-items:center;min-height:210px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border:1px solid rgba(255,255,255,.06)}.landing-preview-brand img{width:min(100%,320px);height:auto;object-fit:contain;mix-blend-mode:screen}.landing-preview-copy{position:relative;z-index:1;display:grid;grid-gap:.35rem;gap:.35rem}.landing-preview-copy strong{font-size:1.02rem}.landing-preview-copy span{color:var(--muted);line-height:1.58}.landing-stats{display:grid;grid-gap:.8rem;gap:.8rem;padding:.9rem 0 1.35rem;border-top:1px solid rgba(255,255,255,.06);border-bottom:1px solid rgba(255,255,255,.06)}.landing-stat{display:grid;grid-gap:.2rem;gap:.2rem;padding:.35rem 0}.landing-stat strong{font-size:1rem}.landing-stat span{color:var(--muted);line-height:1.55}.landing-grid{display:grid;grid-gap:1rem;gap:1rem;padding-top:1rem}.landing-flow{padding:1.15rem 0;border-top:1px solid rgba(255,255,255,.08)}.landing-section-header{display:grid;grid-gap:.4rem;gap:.4rem;margin-bottom:1rem}.landing-section-header h2{margin:0;font-size:clamp(1.6rem,3vw,2.3rem);line-height:1.05}.landing-feature-grid{display:grid;grid-gap:.85rem;gap:.85rem}.landing-feature-card{display:grid;grid-gap:.35rem;gap:.35rem;padding:1rem 0 .35rem;border-top:1px solid rgba(255,255,255,.06)}.landing-feature-card:first-child{padding-top:0;border-top:none}.landing-feature-card strong{font-size:1rem}.landing-feature-card p{margin:0;color:var(--muted);line-height:1.58}.landing-process-list{display:grid;grid-gap:.8rem;gap:.8rem}.landing-process-step{display:flex;gap:.85rem;align-items:flex-start;padding:.95rem 0;border-top:1px solid rgba(255,255,255,.06);color:rgba(246,247,251,.92);line-height:1.58}.landing-process-step:first-child{border-top:none;padding-top:0}.landing-process-index{flex-shrink:0;min-width:40px;color:rgba(255,255,255,.42);font-weight:800;letter-spacing:.1em}.landing-signin{display:grid;grid-gap:1rem;gap:1rem;padding:2.35rem 0 .4rem;border-top:1px solid rgba(255,255,255,.08);background:radial-gradient(circle at 92% 80%,rgba(76,141,255,.12),transparent 18%),transparent}.landing-signin-copy{display:grid;grid-gap:.45rem;gap:.45rem}.landing-signin-copy h2{margin:0;font-size:clamp(1.8rem,4vw,2.6rem);line-height:1.04}.landing-signin-copy p{margin:0;max-width:34rem;color:var(--muted);line-height:1.68}.landing-signin-card{padding:1.2rem;border-radius:26px;background:linear-gradient(180deg,rgba(18,25,49,.62),rgba(10,15,31,.84));border:1px solid rgba(255,255,255,.06);box-shadow:0 20px 48px rgba(2,6,23,.22)}.auth-card,.auth-hero,.composer-card,.course-card,.empty-card,.generation-card,.welcome-strip{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg)}.auth-hero{position:relative;overflow:hidden;padding:2rem;min-height:100%;background:radial-gradient(circle at 16% 14%,rgba(255,79,165,.24),transparent 22%),radial-gradient(circle at 84% 12%,rgba(76,141,255,.22),transparent 24%),linear-gradient(145deg,rgba(11,17,36,.94),rgba(15,21,42,.98))}.auth-hero:after{content:"";inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.06) 42%,transparent 60%),radial-gradient(circle at center,rgba(255,255,255,.02),transparent 60%);animation:hero-scan 12s linear infinite}.auth-hero:after,.auth-orbit{position:absolute;pointer-events:none}.auth-orbit{inset:auto;border-radius:999px;filter:blur(14px);opacity:.65}.auth-orbit-one{width:180px;height:180px;top:-36px;right:-18px;background:radial-gradient(circle,rgba(255,79,165,.4),transparent 66%);animation:orbit-float 8s ease-in-out infinite}.auth-orbit-two{width:240px;height:240px;bottom:-70px;left:-50px;background:radial-gradient(circle,rgba(76,141,255,.32),transparent 68%);animation:orbit-float 10s ease-in-out infinite reverse}.auth-orbit-three{width:120px;height:120px;top:40%;right:18%;background:radial-gradient(circle,rgba(255,149,72,.24),transparent 64%);animation:orbit-float 6s ease-in-out infinite}.auth-hero-inner{position:relative;z-index:1;display:grid;grid-gap:1.35rem;gap:1.35rem}.studio-logo{width:min(100%,460px);height:auto;object-fit:contain;mix-blend-mode:screen;filter:drop-shadow(0 18px 44px rgba(141,80,255,.18))}.auth-badge,.eyebrow,.studio-pill{display:inline-flex;align-items:center;gap:.45rem;width:-moz-fit-content;width:fit-content;padding:.42rem .8rem;border-radius:999px;font-size:.8rem;font-weight:700;letter-spacing:.03em}.auth-badge,.studio-pill{background:rgba(255,255,255,.08);color:rgba(255,255,255,.92);border:1px solid rgba(255,255,255,.08)}.eyebrow{background:rgba(118,153,255,.12);color:#aac6ff}.auth-hero h1,.composer-copy h3,.library-section h3,.welcome-strip h2{margin:.65rem 0 .35rem;line-height:1.03}.auth-hero h1{font-size:clamp(2.45rem,8vw,4.6rem);max-width:10ch}.auth-hero p,.composer-copy p,.course-card-header p,.dev-note,.empty-card,.generation-header p,.info-banner,.video-copy p,.welcome-strip p{margin:0;color:inherit}.auth-copy{display:grid;grid-gap:.95rem;gap:.95rem;max-width:43rem}.auth-copy p{color:rgba(240,244,255,.78);font-size:1.02rem;line-height:1.72}.hero-brand-line{display:flex;align-items:center;gap:.9rem}.hero-brand-text{display:flex;flex-wrap:wrap;gap:.45rem;align-items:baseline;font-size:clamp(1.3rem,4vw,2rem);font-weight:800;letter-spacing:.12em}.hero-brand-ai{background:linear-gradient(135deg,var(--pink),var(--amber),var(--blue));-webkit-background-clip:text;background-clip:text;color:transparent}.auth-stats-row{display:flex;flex-wrap:wrap;gap:.85rem}.auth-point{display:flex;align-items:center;gap:.7rem;color:rgba(246,247,251,.88);font-size:.94rem}.auth-point-dot{width:10px;height:10px;border-radius:999px;background:linear-gradient(135deg,var(--pink),var(--blue));box-shadow:0 0 18px rgba(255,79,165,.45);flex-shrink:0}.auth-showcase{display:grid;grid-gap:.85rem;gap:.85rem;grid-template-columns:repeat(3,minmax(0,1fr))}.auth-workflow-card{position:relative;display:grid;grid-gap:.9rem;gap:.9rem;padding:1rem;border-radius:24px;border:1px solid rgba(255,255,255,.1);background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03)),rgba(255,255,255,.02);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.auth-workflow-title{font-size:.82rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,255,255,.72)}.auth-workflow-list{display:grid;grid-gap:.8rem;gap:.8rem}.auth-workflow-step{display:flex;gap:.75rem;align-items:flex-start;color:rgba(246,247,251,.9);line-height:1.55}.auth-workflow-index{flex-shrink:0;min-width:42px;padding-top:.02rem;color:rgba(255,255,255,.48);font-weight:800;letter-spacing:.08em}.auth-floating-card,.auth-stat-card{position:relative;overflow:hidden;padding:.95rem;border-radius:22px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.05);box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}.auth-floating-card{min-height:128px;animation:float-card 6s ease-in-out infinite}.auth-floating-card:nth-child(2){animation-delay:.8s}.auth-floating-card:nth-child(3){animation-delay:1.6s}.auth-floating-card strong,.auth-stat-card strong{display:block;font-size:.96rem}.auth-floating-card span,.auth-stat-card span{display:block;margin-top:.4rem;color:rgba(240,244,255,.72);line-height:1.5;font-size:.88rem}.auth-stat-card{min-width:150px}.auth-card{position:relative;padding:1.35rem;display:grid;grid-gap:1rem;gap:1rem;background:linear-gradient(180deg,rgba(18,25,49,.9),rgba(12,18,37,.96))}.auth-card:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 32%)}.auth-card-inner{position:relative;z-index:1;display:grid;grid-gap:1rem;gap:1rem}.auth-card-header{display:grid;grid-gap:.35rem;gap:.35rem}.auth-card-title{font-size:1.9rem;font-weight:800}.auth-card-copy{color:var(--muted);line-height:1.65;max-width:30rem}.auth-fields,.composer-copy,.composer-form,.course-stack,.library-section{display:grid;grid-gap:.95rem;gap:.95rem}.field{display:grid;grid-gap:.45rem;gap:.45rem}.field span{font-size:.92rem;font-weight:600;color:var(--muted)}.phone-shell{display:flex;align-items:center;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease}.phone-shell:focus-within{border-color:rgba(118,153,255,.8);box-shadow:0 0 0 4px rgba(76,141,255,.14)}.phone-prefix{flex-shrink:0;padding:0 .95rem;font-weight:700;color:rgba(246,247,251,.88)}.phone-shell input{border:none;background:transparent;border-radius:0;box-shadow:none}.phone-shell input:focus{border-color:transparent;box-shadow:none}.field-error{color:var(--danger);font-size:.88rem;font-weight:600}.field-large input{padding-top:1.1rem;padding-bottom:1.1rem}.app-button{min-height:54px}.dev-note,.info-banner,.mini-status{display:inline-flex;align-items:center;gap:.45rem;padding:.75rem .9rem;border-radius:16px}.dev-note{background:rgba(118,153,255,.09);color:#b9ceff}.info-banner{background:rgba(76,141,255,.08);color:#d4e1ff;border:1px solid rgba(118,153,255,.16)}.composer-card,.course-card,.generation-card,.welcome-strip{padding:1rem}.course-card-header,.generation-header,.section-row,.welcome-strip{display:flex;justify-content:space-between;gap:.9rem}.course-card-header,.generation-header,.welcome-strip{align-items:flex-start}.welcome-strip{background:linear-gradient(145deg,rgba(18,27,53,.96),rgba(11,17,35,.9)),#0c1326}.status-chip{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:.45rem .8rem;border-radius:999px;font-size:.82rem;font-weight:700;border:1px solid rgba(255,255,255,.08)}.status-chip.active{background:rgba(72,215,160,.12);color:#88f2c7}.status-chip.inactive,.status-chip.processing{background:rgba(118,153,255,.12);color:#c8daff}.composer-card{display:grid;grid-gap:1rem;gap:1rem;background:linear-gradient(180deg,rgba(17,24,47,.98),rgba(11,17,35,.92)),#0d1327}.check-row span,.composer-copy p,.course-card-header p,.empty-card,.form-hint,.generation-header p,.generation-note,.video-copy p,.welcome-strip p{color:var(--muted)}.generation-card{display:grid;grid-gap:.9rem;gap:.9rem;background:linear-gradient(135deg,rgba(255,79,165,.1),rgba(76,141,255,.12))}.generation-icon{width:42px;height:42px;border-radius:16px;background:rgba(255,255,255,.08);display:grid;place-items:center;color:#dce8ff}.generation-icon svg{animation:spin 1.5s linear infinite}.generation-header strong{display:block;margin-bottom:.2rem}.generation-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:.6rem;gap:.6rem}.generation-note{font-size:.92rem;line-height:1.5}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem}.choice-card{text-align:left;border:1px solid var(--line);background:rgba(255,255,255,.04);border-radius:18px;padding:1rem;display:grid;grid-gap:.35rem;gap:.35rem;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease,background .16s ease}.avatar-option-card.selected,.choice-card.selected{border-color:rgba(255,255,255,.32);background:linear-gradient(135deg,rgba(255,79,165,.14),rgba(76,141,255,.14)),rgba(255,255,255,.07);box-shadow:0 0 0 2px rgba(255,255,255,.08),0 0 0 5px rgba(118,153,255,.12),0 18px 36px rgba(3,8,22,.34);transform:translateY(-1px)}.photo-avatar-box{display:grid;grid-gap:.8rem;gap:.8rem;padding:.95rem;border-radius:22px;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08)}.selected-avatar-row{display:grid;grid-gap:.35rem;gap:.35rem;padding:.95rem;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08)}.selected-avatar-row span{font-size:.9rem}.custom-avatar-preview{width:120px;aspect-ratio:3/4;border-radius:18px;overflow:hidden;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.05)}.custom-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.form-hint{font-size:.88rem;line-height:1.5}.consent-title{font-size:.9rem;font-weight:700;color:var(--text)}.check-row{display:flex;align-items:flex-start;gap:.7rem;font-size:.92rem;padding:.85rem .9rem;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);cursor:pointer}.check-row input{margin-top:.15rem;width:1.15rem;height:1.15rem;accent-color:var(--blue);flex-shrink:0}.step{border-radius:16px;padding:.8rem;background:rgba(255,255,255,.06);color:var(--muted);font-size:.88rem;border:1px solid rgba(255,255,255,.06)}.step.done{color:#87eac0}.step.active{color:#dce8ff;border-color:rgba(118,153,255,.22)}.section-row{align-items:center;margin-bottom:.15rem}.studio-library-head{margin-bottom:1rem}.studio-course-detail{margin-top:0}.compact-button{padding:.72rem .95rem;font-size:.9rem}.course-card,.empty-card{background:linear-gradient(180deg,rgba(15,22,44,.92),rgba(10,15,30,.96))}.empty-card{padding:1rem}.course-stack{gap:1rem}.course-title{font-size:1.1rem;font-weight:800;line-height:1.2;margin-bottom:.25rem}.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.75rem;gap:.75rem;margin-top:1rem}.video-card{display:grid;grid-gap:.8rem;gap:.8rem;padding:.8rem;border-radius:22px;border:1px solid var(--line);background:rgba(255,255,255,.03)}.video-card.locked{background:rgba(255,255,255,.025)}.video-card.clickable{cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.video-card.clickable:focus-visible,.video-card.clickable:hover{transform:translateY(-2px);border-color:rgba(118,153,255,.24);box-shadow:0 16px 32px rgba(3,8,22,.28);outline:none}.video-thumb{position:relative;aspect-ratio:9/14;border-radius:20px;overflow:hidden;background:radial-gradient(circle at top,rgba(255,255,255,.12),transparent 40%),linear-gradient(180deg,rgba(255,79,165,.26),rgba(76,141,255,.28))}.video-thumb:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(180deg,transparent,rgba(2,5,15,.2))}.video-player{width:100%;height:100%;display:block;object-fit:cover;background:#000}.video-play-overlay{position:absolute;inset:0;display:grid;place-items:center;border:0;background:linear-gradient(180deg,rgba(2,5,15,.06),rgba(2,5,15,.22));color:rgba(255,255,255,.96);z-index:2;cursor:pointer;transition:transform .16s ease,background .16s ease,opacity .16s ease}.video-play-overlay svg{filter:drop-shadow(0 18px 28px rgba(2,5,15,.38))}.video-play-overlay:hover{background:linear-gradient(180deg,rgba(2,5,15,.1),rgba(2,5,15,.28));transform:scale(1.01)}.video-placeholder{width:100%;height:100%;display:grid;place-items:center;color:rgba(246,247,251,.82);background:radial-gradient(circle at top,rgba(255,255,255,.16),transparent 38%),linear-gradient(180deg,rgba(255,255,255,.09),rgba(255,255,255,.02))}.video-placeholder.busy{align-content:center;gap:.8rem;padding:1rem;text-align:center;color:#fff;background:linear-gradient(180deg,rgba(255,79,165,.58),rgba(76,141,255,.62)),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.02))}.video-generating-copy{display:grid;grid-gap:.25rem;gap:.25rem}.video-generating-copy strong{font-size:1rem}.video-generating-copy span{font-size:.86rem;line-height:1.45;color:rgba(255,255,255,.92)}.video-copy{display:grid;grid-gap:.28rem;gap:.28rem}.video-copy strong{line-height:1.25}.video-meta{display:flex;justify-content:space-between;gap:.5rem;color:var(--muted);font-size:.79rem}.share-stack{display:grid;grid-gap:.6rem;gap:.6rem}.share-row,.social-row{display:flex;flex-wrap:wrap;gap:.5rem}.social-pill{border-radius:999px;border:1px solid rgba(118,153,255,.16);padding:.42rem .75rem;font-size:.8rem;font-weight:600}.mini-status,.social-pill{background:rgba(118,153,255,.08);color:#d4e1ff}.mini-status{width:-moz-fit-content;width:fit-content;font-size:.85rem}.locked-status{background:rgba(255,255,255,.06);color:var(--muted)}.wimaan-stamp{position:fixed;right:26px;bottom:22px;z-index:40;display:inline-flex;align-items:center;gap:.55rem;padding:.72rem 1.24rem .72rem 1.58rem;border-radius:999px;background:rgba(10,14,28,.82);color:#fff;box-shadow:0 18px 36px rgba(2,6,23,.34);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.08);font-size:.82rem;font-weight:700}.sheet-backdrop{position:fixed;inset:0;z-index:45;background:rgba(4,7,17,.64);display:flex;align-items:flex-end;justify-content:center;padding:18px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.generation-sheet{width:min(560px,100%);background:linear-gradient(180deg,rgba(18,25,49,.98),rgba(10,15,30,.98));border:1px solid rgba(255,255,255,.09);border-radius:28px;box-shadow:0 28px 64px rgba(2,6,23,.48);padding:1rem;display:grid;grid-gap:.95rem;gap:.95rem}.sheet-handle{width:54px;height:5px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto}.sheet-head{display:flex;gap:.9rem;align-items:flex-start}.sheet-head p{margin:.25rem 0 0;color:var(--muted);line-height:1.55}.sheet-actions{display:grid;grid-gap:.7rem;gap:.7rem}.avatar-sheet{max-height:min(82vh,760px);overflow:auto}.premium-note{padding:.85rem .95rem;border-radius:18px;background:rgba(118,153,255,.08);color:#d4e1ff;font-size:.9rem;line-height:1.55}.premium-avatar-card{width:100%;border:1px solid rgba(255,255,255,.08);border-radius:22px;background:linear-gradient(135deg,rgba(255,79,165,.12),rgba(76,141,255,.12));padding:1rem;display:grid;grid-gap:.7rem;gap:.7rem;text-align:left}.premium-avatar-card strong{display:block;font-size:1rem;color:var(--text)}.premium-avatar-card p{margin:.35rem 0 0;color:var(--muted);line-height:1.5}.premium-avatar-card span{width:-moz-fit-content;width:fit-content;padding:.62rem .9rem;border-radius:999px;background:rgba(255,255,255,.08);color:#fff;font-weight:700}.premium-avatar-sales{gap:.95rem}.premium-avatar-points{display:flex;flex-wrap:wrap;gap:.55rem}.premium-avatar-points span{background:rgba(255,255,255,.08)}.avatar-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:.8rem;gap:.8rem}.avatar-option-card{text-align:left;display:grid;grid-gap:.55rem;gap:.55rem;padding:.8rem;border-radius:18px;border:1px solid var(--line);background:rgba(255,255,255,.04)}.avatar-option-card span{color:var(--muted);font-size:.84rem}.avatar-option-thumb{aspect-ratio:3/4;border-radius:16px;overflow:hidden;background:linear-gradient(180deg,rgba(255,79,165,.18),rgba(76,141,255,.18))}.avatar-option-thumb img{width:100%;height:100%;object-fit:cover;display:block}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes shimmer-flow{0%{background-position:0 50%}50%{background-position:100% 50%}to{background-position:0 50%}}@keyframes float-card{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}@keyframes hero-scan{0%{transform:translateX(-18%);opacity:0}12%,80%{opacity:1}to{transform:translateX(18%);opacity:0}}@keyframes orbit-float{0%,to{transform:translateY(0) translateX(0) scale(1)}50%{transform:translateY(-8px) translateX(6px) scale(1.04)}}@media (min-width:768px){.studio-shell{grid-template-columns:320px minmax(0,1fr)}.studio-sidebar{position:-webkit-sticky;position:sticky;top:12px;max-height:calc(100vh - 24px)}.app-shell{padding-top:26px;padding-bottom:60px}.app-topbar{padding:24px 24px 10px}.landing-topbar{padding:22px 0 28px}.auth-screen,.dashboard-screen,.landing-screen{padding:18px}.auth-card,.composer-card{padding:1.3rem}.auth-screen{grid-template-columns:1.2fr .8fr;align-items:stretch}.landing-hero{grid-template-columns:1.08fr .92fr;align-items:stretch;padding:2.2rem 0 1.2rem}.marketing-stage{min-height:480px}.marketing-metrics{grid-template-columns:repeat(4,minmax(0,1fr))}.marketing-login{grid-template-columns:.9fr 1.1fr;align-items:center}.landing-stats{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-grid{grid-template-columns:1.08fr .92fr}.landing-signin{grid-template-columns:.85fr 1.15fr;align-items:start}.landing-feature-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.composer-card{grid-template-columns:.9fr 1.1fr;align-items:start}.composer-card,.course-card,.generation-card,.welcome-strip{padding:1.25rem}.video-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sheet-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-option-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (max-width:767px){.studio-shell{width:calc(100% - 16px);position:relative}.studio-main-top,.studio-sidebar{padding:.95rem}.studio-sidebar{display:none}.studio-main{order:1}.studio-course-list{max-height:none}.studio-mobile-courses{display:grid;grid-gap:.75rem;gap:.75rem}.studio-course-list-mobile{gap:.7rem}.course-card-header,.generation-header,.section-row,.welcome-strip{flex-direction:column}.status-chip{width:-moz-fit-content;width:fit-content}.auth-showcase,.avatar-option-grid,.choice-grid,.generation-steps,.landing-feature-grid,.landing-stats,.video-grid{grid-template-columns:1fr}.marketing-wordmark img{width:min(250px,72vw)}.marketing-title{max-width:17ch;font-size:clamp(1.42rem,6vw,2rem)}.marketing-metrics,.marketing-tiles{display:none}.marketing-hero{min-height:auto;padding:.22rem 0 .3rem}.marketing-stage{min-height:auto;padding-top:.2rem}.marketing-copy{gap:.62rem}.marketing-process-grid{grid-template-columns:1fr;width:min(100%,calc(100% - 20px))}.marketing-process-card{min-height:148px}.marketing-process-text{max-width:none}.studio-main-logout{display:inline-grid;place-items:center}.wimaan-stamp{right:12px;bottom:12px;font-size:.76rem;padding:.62rem .88rem .62rem 1.02rem}.auth-hero h1{max-width:12ch}}