:root{--bg:#050716;--panel:#0d1329;--panel-soft:#111a36;--ink:#f8fbff;--muted:#a8b4d4;--line:#b4c8ff2e;--primary:#7c3aed;--primary-dark:#5b21b6;--secondary:#f2c14e;--accent:#f2c14e;--danger:#d94848;--success:#40d58a;--radius:8px;--star-glow:#f2c14e47;--cosmic-purple:#7c3aed47}*{box-sizing:border-box}html,body{background:var(--bg);min-height:100%;color:var(--ink);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{overflow-x:hidden}body:before{pointer-events:none;content:"";z-index:-2;background:radial-gradient(circle at 12% 18%,#f2c14e29,#0000 18%),radial-gradient(circle at 82% 8%,#7c3aed38,#0000 24%),radial-gradient(circle at 70% 82%,#0ea5e924,#0000 22%),linear-gradient(135deg,#03040e 0%,#070b1f 45%,#101540 100%);position:fixed;inset:0}body:after{pointer-events:none;content:"";z-index:-1;opacity:.32;background-image:radial-gradient(circle,#ffffffdb 0 1px,#0000 1.5px),radial-gradient(circle,#f2c14ee6 0 1px,#0000 1.5px);background-position:0 0,42px 56px;background-size:120px 120px,180px 180px;position:fixed;inset:0}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.app-shell{background:0 0;min-height:100vh}.topbar{z-index:20;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#050716d1;justify-content:space-between;align-items:center;gap:24px;padding:12px clamp(18px,4vw,48px);display:flex;position:sticky;top:0;box-shadow:0 18px 60px #0000003d}.brand-mark{align-items:center;gap:12px;min-width:0;display:flex}.brand-mark img{object-fit:cover;object-position:center;border-radius:6px;width:86px;height:38px}.brand-copy{gap:1px;display:grid}.brand-copy strong{font-size:14px}.brand-copy span{color:var(--muted);font-size:12px}.nav-links{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.nav-links a,.button,.icon-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;justify-content:center;align-items:center;min-height:38px;padding:0 12px;transition:border-color .16s,transform .16s,background .16s,box-shadow .16s;display:inline-flex}.nav-links a:hover,.button:hover,.icon-button:hover{border-color:var(--primary);box-shadow:0 12px 30px color-mix(in srgb, var(--primary) 26%, transparent);transform:translateY(-2px)}.button:disabled,.icon-button:disabled{cursor:not-allowed;opacity:.55;transform:none}.button:disabled:hover,.icon-button:disabled:hover{border-color:var(--line);transform:none}.button.primary{border-color:var(--primary);background:linear-gradient(135deg, color-mix(in srgb, var(--primary) 88%, #fff 12%), var(--primary-dark));color:var(--on-primary,#fff);box-shadow:0 10px 34px color-mix(in srgb, var(--primary) 30%, transparent)}.button.secondary{border-color:var(--secondary);background:linear-gradient(135deg, var(--secondary), #9b6a10);color:var(--on-secondary,#fff)}.button.ghost{background:0 0}.icon-button{width:38px;padding:0}.page{background:var(--bg);gap:24px;min-height:calc(100vh - 63px);padding:28px clamp(18px,4vw,48px) 48px;display:grid}.page.narrow{max-width:1160px;margin:0 auto}.workspace-grid{grid-template-columns:minmax(230px,280px) minmax(0,1fr);align-items:start;gap:22px;display:grid}.sidebar,.panel,.card,.stat-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:0 18px 50px #0000002e}.sidebar{gap:18px;padding:18px;display:grid}.sidebar-actions{gap:10px;display:grid}.brand-logo-preview,.sidebar-brand-logo,.sale-brand-logo{border:1px solid var(--line);background:var(--panel);justify-content:center;align-items:center;display:inline-flex;overflow:hidden}.brand-logo-preview{border-radius:12px;width:180px;min-height:84px;padding:12px}.brand-logo-preview img,.sidebar-brand-logo img,.sale-brand-logo img{object-fit:contain;max-width:100%;max-height:100%;display:block}.sidebar-brand-logo{border-radius:10px;width:88px;height:52px;margin-bottom:14px}.sale-brand-logo{border-radius:14px;width:96px;height:56px;margin-bottom:14px}.sidebar-section{gap:8px;display:grid}.sidebar-link{color:var(--muted);border-radius:6px;align-items:center;gap:10px;padding:9px 10px;display:flex}.sidebar-link.active,.sidebar-link:hover{background:var(--primary);color:var(--on-primary,#fff)}.sidebar-link svg,.button svg,.icon-button svg{color:currentColor}.hero-band{border-bottom:1px solid var(--line);background:radial-gradient(circle at 74% 18%, var(--star-glow), transparent 22%), linear-gradient(120deg, #7c3aed3d, #f2c14e1c), transparent;grid-template-columns:minmax(0,1.1fr) minmax(260px,.9fr);align-items:center;gap:28px;padding:clamp(28px,5vw,56px) clamp(18px,4vw,48px);display:grid}.hero-band h1,.page-title h1{color:var(--on-bg,var(--ink));letter-spacing:0;max-width:760px;margin:0;font-size:clamp(32px,5vw,58px);line-height:1.03}.hero-band p,.page-title p{max-width:680px;color:var(--on-bg-muted,var(--muted));margin:12px 0 0;font-size:17px;line-height:1.6}.page-title .pill,.hero-band .pill{color:var(--on-bg-accent,var(--secondary))}.page>.muted,.hero-band>.muted{color:var(--on-bg-muted,var(--muted))}.hero-actions,.row-actions{flex-wrap:wrap;gap:10px;margin-top:20px;display:flex}.quiet-actions{flex-wrap:wrap;gap:10px;display:flex}.product-preview{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:12px;padding:16px;display:grid}.sale-page{background:var(--bg);min-height:calc(100vh - 63px);color:var(--on-bg,var(--ink))}.sale-hero{border-bottom:1px solid color-mix(in srgb, var(--on-bg) 16%, transparent);background:linear-gradient(120deg, color-mix(in srgb, var(--primary) 16%, transparent), transparent 54%), var(--bg);grid-template-columns:minmax(0,1.05fr) minmax(320px,.8fr);align-items:center;gap:clamp(24px,6vw,80px);padding:clamp(38px,7vw,86px) clamp(18px,6vw,76px);display:grid}.sale-hero-copy{gap:16px;max-width:760px;display:grid}.sale-hero h1{color:var(--on-bg,var(--ink));letter-spacing:0;margin:0;font-size:clamp(36px,5vw,64px);line-height:1.02}.sale-hero p{color:var(--on-bg-muted,var(--muted));margin:0;font-size:17px;line-height:1.6}.sale-note{font-size:13px!important}.sale-pill{border-color:color-mix(in srgb, var(--on-bg) 18%, transparent);background:color-mix(in srgb, var(--bg) 78%, var(--on-bg) 8%);width:fit-content;color:var(--on-bg-accent,var(--on-bg))}.sale-summary{border:1px solid color-mix(in srgb, var(--on-bg) 16%, transparent);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 94%, var(--primary) 6%);max-width:520px;color:var(--ink);gap:14px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 18px 52px #10212b1f}.sale-summary h2{color:var(--ink);margin:0;font-size:clamp(24px,3vw,38px);line-height:1.1}.sale-summary p{color:var(--muted)}.sale-summary .sale-pill{background:var(--panel-soft);color:var(--secondary)}.sale-feature-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;max-width:1180px;margin:0 auto;padding:clamp(22px,4vw,42px) clamp(18px,4vw,48px);display:grid}.sale-feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);min-height:132px;color:var(--ink);align-items:flex-start;gap:12px;padding:18px;display:flex}.sale-feature svg{color:var(--primary);flex:none}.sale-feature strong{color:var(--ink);font-size:15px;line-height:1.25;display:block}.sale-feature p{color:var(--muted);margin:8px 0 0;font-size:14px;line-height:1.45}.section-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.stats-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;display:grid}.two-column{grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);gap:18px;display:grid}.creation-options{grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:16px;display:grid}.panel{gap:16px;padding:18px;display:grid}.quick-start{border-color:color-mix(in srgb, var(--primary) 28%, var(--line));gap:18px}.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.flow-step{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);align-content:start;gap:8px;padding:14px;display:grid}.flow-step span{background:var(--primary);width:30px;height:30px;color:var(--on-primary,#fff);border-radius:999px;place-items:center;font-size:13px;font-weight:800;display:inline-grid}.flow-step strong{color:var(--ink);font-size:16px}.flow-step p{color:var(--muted);margin:0;font-size:14px;line-height:1.45}.advanced-settings{background:color-mix(in srgb, var(--panel) 92%, var(--bg))}.advanced-settings summary{cursor:pointer;color:var(--ink);font-size:18px;font-weight:800}.advanced-stack{gap:16px;margin-top:16px;display:grid}.settings-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);gap:16px;padding:18px;display:grid}.insight-panel{border-color:color-mix(in srgb, var(--accent) 72%, var(--line));background:color-mix(in srgb, var(--accent) 10%, var(--panel))}.panel-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.panel-header h2,.card h3,.stat-card h3{margin:0;font-size:18px}.panel-header p,.card p,.stat-card p,.muted{color:var(--muted);margin:4px 0 0;line-height:1.5}.stat-card{gap:12px;min-height:126px;padding:16px;display:grid}.stat-card svg,.feature svg{color:var(--primary-dark)}.stat-card .value{font-size:28px;font-weight:800}.stat-card .trend{color:var(--success);font-size:13px;font-weight:700}.upload-zone{border:1px dashed color-mix(in srgb, var(--primary) 46%, var(--line));border-radius:var(--radius);background:color-mix(in srgb, var(--primary) 8%, var(--panel));text-align:center;place-items:center;min-height:210px;padding:22px;display:grid}.upload-zone strong{margin-top:10px;display:block}.table{gap:8px;display:grid}.table-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:minmax(0,1fr) 90px 130px 120px;align-items:center;gap:12px;padding:12px;display:grid}.pill,.status-pill{background:color-mix(in srgb, var(--primary) 9%, var(--bg));width:fit-content;color:var(--secondary);border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:12px;font-weight:700;line-height:1;display:inline-flex}.status-pill.approved{background:color-mix(in srgb, var(--success) 16%, var(--panel));color:var(--success)}.status-pill.edit{background:color-mix(in srgb, var(--accent) 18%, var(--panel));color:var(--accent)}.cards-list{gap:12px;display:grid}.flashcard-row{border:1px solid var(--line);border-radius:var(--radius);grid-template-columns:130px minmax(0,1fr) 130px;gap:14px;padding:14px;display:grid}.flashcard-row p{margin:4px 0 0}.flashcard-editor{gap:12px;display:grid}.field-caption,.field-help{color:var(--muted);font-size:13px}.field-caption{font-weight:700}.quality-bar{background:color-mix(in srgb, var(--line) 70%, var(--panel));border-radius:999px;height:8px;overflow:hidden}.quality-bar span{border-radius:inherit;background:var(--primary);height:100%;display:block}.study-layout{grid-template-columns:minmax(0,1fr) minmax(260px,360px);gap:18px;display:grid}.study-card{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-content:center;gap:22px;min-height:420px;padding:clamp(24px,5vw,52px);display:grid;position:relative;overflow:hidden}.watermark{pointer-events:none;color:#17255412;white-space:nowrap;-webkit-user-select:none;user-select:none;place-items:center;font-size:clamp(28px,6vw,72px);font-weight:800;display:grid;position:absolute;inset:0;transform:rotate(-18deg)}.study-card h2{max-width:820px;margin:0;font-size:clamp(26px,4vw,44px);line-height:1.15;position:relative}.challenge-card{align-content:start}.challenge-hud{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex;position:relative}.answer-box{border-left:4px solid var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--bg));padding:16px;position:relative}.answer-box.success{background:color-mix(in srgb, #16a34a 12%, var(--panel));border-left-color:#16a34a}.answer-box.danger{background:color-mix(in srgb, #dc2626 12%, var(--panel));border-left-color:#dc2626}.option-grid{gap:10px;display:grid;position:relative}.option-button{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);width:100%;min-height:48px;color:var(--ink);cursor:pointer;text-align:left;padding:12px 14px;font-weight:700;transition:border-color .15s,background .15s,color .15s}.option-button:hover,.option-button.selected{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 7%, var(--bg))}.option-button.correct{background:color-mix(in srgb, #16a34a 14%, var(--panel));color:#bbf7d0;border-color:#16a34a}.option-button.incorrect{background:color-mix(in srgb, #dc2626 12%, var(--panel));color:#fecaca;border-color:#dc2626}.rating-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.rating-grid button{min-height:48px}.deck-list{gap:12px;display:grid}.deck-card{border:1px solid var(--line);border-radius:var(--radius);gap:10px;padding:14px;display:grid}.progress{background:color-mix(in srgb, var(--line) 70%, var(--panel));border-radius:999px;height:8px;overflow:hidden}.progress span{border-radius:inherit;background:var(--primary);height:100%;display:block}.feature-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.feature{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);align-items:center;gap:10px;min-height:80px;padding:14px;display:flex}.decision-list{gap:12px;display:grid}.decision-item{border-left:4px solid var(--primary);background:var(--panel-soft);padding:12px 14px}.role-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.role-option{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--ink);cursor:pointer;text-align:left;grid-template-columns:22px minmax(0,1fr);align-items:flex-start;gap:10px;padding:12px;transition:border-color .16s,transform .16s,background .16s,box-shadow .16s;display:grid}.role-option:hover,.role-option.active{border-color:var(--primary);background:color-mix(in srgb, var(--primary) 14%, var(--panel));box-shadow:0 12px 28px color-mix(in srgb, var(--primary) 18%, transparent);transform:translateY(-2px)}.role-option svg{color:var(--secondary)}.role-option span{gap:4px;display:grid}.role-option strong{color:var(--ink);line-height:1.15}.role-option small{color:var(--muted);font-size:12px;line-height:1.35}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.field{gap:6px;display:grid}.coupon-field{max-width:360px;margin-top:8px}.mix-deck-option{cursor:pointer}.mix-deck-option input{width:fit-content}.field span{color:var(--muted);font-size:13px;font-weight:700}.field input,.field select,.field textarea{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in srgb, var(--panel) 92%, #fff 8%);width:100%;color:var(--ink);min-height:42px;padding:9px 11px}.field textarea{resize:vertical;min-height:110px}.terms-check{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel-soft);color:var(--muted);align-items:flex-start;gap:10px;padding:12px;font-size:13px;line-height:1.45;display:flex}.terms-check input{margin-top:3px}@media (max-width:980px){.workspace-grid,.hero-band,.sale-hero,.two-column,.study-layout{grid-template-columns:1fr}.stats-grid,.section-grid,.creation-options,.flow-steps,.feature-list,.sale-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sidebar{position:static}}@media (max-width:680px){.topbar{flex-direction:column;align-items:flex-start}.nav-links{justify-content:flex-start}.stats-grid,.section-grid,.creation-options,.flow-steps,.feature-list,.sale-feature-grid,.rating-grid,.role-grid,.form-grid,.table-row,.flashcard-row{grid-template-columns:1fr}}