:root{
  --bg:#040816;
  --bg-2:#070f26;
  --surface:#0f1733;
  --surface-2:#121f43;
  --surface-3:#1a2b56;
  --text:#f7f9ff;
  --muted:#acb8db;
  --border:#2a3e75;
  --accent:#7f6dff;
  --accent-2:#4ad8ff;
  --gold:#f4c95f;
  --danger:#ff8d99;
  --ok:#60d8a0;
}
*{box-sizing:border-box}
html,body{margin:0}
body{font-family:Inter,ui-sans-serif,system-ui;background:radial-gradient(1200px 600px at 10% -15%,#233770 0,var(--bg) 50%),linear-gradient(180deg,var(--bg),var(--bg-2));color:var(--text);line-height:1.62;letter-spacing:.01em}
a{color:#d6e4ff}a:hover{color:#fff}
img{max-width:100%;display:block}
.site-main{min-height:70vh}
.container{width:min(1180px,92%);margin:auto}
.section{padding:4rem 0}
.section.soft{background:#ffffff08;border-block:1px solid var(--border)}
h1,h2,h3,h4,h5{line-height:1.2;margin:0 0 .8rem}
h1{font-size:clamp(2.05rem,4vw,3.5rem)}
h2{font-size:clamp(1.5rem,2.8vw,2.2rem)}
p{margin:.2rem 0 1rem;color:#d9e4ff}
ul{padding-left:1.2rem}
.eyebrow{display:inline-block;font-size:.78rem;letter-spacing:.09em;text-transform:uppercase;background:#8471ff24;border:1px solid #5969ab;padding:.35rem .72rem;border-radius:999px;color:#dfe6ff}
.topbar{position:sticky;top:0;z-index:40;background:#050c1dee;backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.8rem 0;position:relative}
.brand{display:inline-flex;align-items:center;gap:.7rem;text-decoration:none;color:#fff}
.brand-mark{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent),var(--accent-2));font-size:.75rem;box-shadow:0 10px 24px #0006}
.brand-text small{display:block;color:#a8b4da;font-size:.65rem;letter-spacing:.08em}
.nav,.actions{display:flex;align-items:center;gap:1rem}
.nav a,.actions a{text-decoration:none;color:var(--muted)}
.pill{border:1px solid var(--border);padding:.35rem .7rem;border-radius:999px;background:#ffffff08}
.menu-btn{display:none;border:1px solid var(--border);background:var(--surface);color:#fff;border-radius:10px;padding:.42rem .72rem}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;text-decoration:none;background:var(--accent);color:#fff;border:1px solid transparent;border-radius:12px;padding:.75rem 1.1rem;cursor:pointer;font-weight:700;transition:.2s transform,.2s box-shadow,.2s opacity}
.btn:hover{transform:translateY(-1px);box-shadow:0 12px 24px #0006}
.btn.premium{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#071631}
.btn.ghost{background:#0000;border-color:#52659d;color:#d4defa}
.btn.block{width:100%}
.link-btn{border:0;background:none;color:var(--muted);cursor:pointer}
.hero-grid,.two-col,.course-layout,.player-layout,.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.2rem}
.hero-grid{grid-template-columns:1.35fr .92fr;align-items:center}
.glass-panel{border:1px solid #44538d;background:linear-gradient(180deg,#1c2b56c8,#101a37d8);border-radius:20px;padding:1.2rem;box-shadow:0 26px 48px #00000052}
.hero-cta,.trust-row,.chips{display:flex;gap:.8rem;flex-wrap:wrap}
.trust-row span{font-size:.9rem;color:#c5d2f2;background:#fff1;padding:.3rem .56rem;border-radius:999px;border:1px solid #324a80}
.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:1rem;margin-bottom:1rem}
.premium-page,.quote-card,.faq-grid details,.player-sidebar,.player-main,.note-box,.auth-panel{border:1px solid var(--border);border-radius:18px;background:linear-gradient(180deg,#132043,#0d1632)}
.premium-page{padding:1.4rem}
.quote-card,.player-main,.note-box,.player-sidebar{padding:1rem}
.lead{font-size:1.06rem;color:#d8e2ff}
.breadcrumbs{color:#aab9de;font-size:.92rem;margin-bottom:.8rem}
.breadcrumbs a{text-decoration:none}
.faq-grid{display:grid;gap:.8rem}
.faq-grid details{padding:.95rem}
.faq-grid summary{cursor:pointer;font-weight:700}
.player-layout{grid-template-columns:.8fr 1.3fr}
.player-sidebar ol{padding-left:1.2rem}
.player-sidebar a{text-decoration:none;color:#c8d3f2}
.player-sidebar a.active{color:#fff;font-weight:700}
.player-controls{display:flex;justify-content:space-between;margin:.8rem 0;gap:1rem}
.player-controls a{padding:.45rem .75rem;border:1px solid var(--border);border-radius:10px;text-decoration:none;background:#ffffff08}
.note-box textarea{margin-top:.6rem}
.price strong{font-size:1.8rem;color:var(--gold)}
details{border:1px solid #334779;border-radius:12px;padding:.75rem;background:#0d1732}
video{border-radius:14px;border:1px solid #324571;background:#091129}
.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.card{border:1px solid var(--border);border-radius:18px;overflow:hidden;background:linear-gradient(180deg,var(--surface),#0a132b);box-shadow:0 14px 32px #0000002e}
.card-body{padding:1rem}
.card p{color:var(--muted)}
.meta-line{display:flex;justify-content:space-between;gap:.7rem;color:#c5d2f0;font-size:.9rem}
.featured{outline:2px solid #8f7eff}
.chip{background:#1a2648;border:1px solid #405189;border-radius:999px;text-decoration:none;padding:.45rem .85rem}
.filters{display:grid;grid-template-columns:2fr repeat(4,1fr) auto;gap:.6rem;margin:1rem 0 1.2rem}
input,select,textarea{width:100%;background:#09122c;color:#fff;border:1px solid #32406a;border-radius:12px;padding:.72rem .75rem;font:inherit}
textarea{min-height:110px}
input:focus,select:focus,textarea:focus,.btn:focus,a:focus{outline:2px solid var(--accent-2);outline-offset:2px}
.auth-shell{display:grid;place-items:center}
.auth-panel{width:min(720px,100%);padding:1.4rem;box-shadow:0 20px 42px #00000047}
.auth-form{display:grid;gap:.75rem}
.error{color:var(--danger);background:#ff8d9930;border:1px solid #a74e67;padding:.6rem .75rem;border-radius:10px}
.small{font-size:.88rem;color:#c7d2ef}
.auth-panel > p:not(.error):not(.small), .premium-page > p:not(.error){background:#61d7a022;border:1px solid #3f8f74;padding:.6rem .75rem;border-radius:10px;color:#d9ffeb}
.course-layout{grid-template-columns:1.5fr .9fr}
.course-stats{display:flex;gap:.7rem;flex-wrap:wrap;color:#ccd7f4;font-size:.92rem}
.media-frame{border:1px solid var(--border);border-radius:16px;overflow:hidden}
.purchase-card{position:sticky;top:80px;border:1px solid #4a5b8f;border-radius:16px;padding:1rem;background:linear-gradient(180deg,#131d39,#101831)}
.progress{height:8px;border-radius:999px;background:#29375f}
.progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--gold))}
.cta-band{border:1px solid #4f5ea0;border-radius:20px;background:linear-gradient(140deg,#141f41,#111a35);padding:2rem;text-align:center;box-shadow:0 16px 36px #0000003f}
.footer{border-top:1px solid var(--border);margin-top:2rem;padding-top:1.2rem}
.footer-grid{grid-template-columns:repeat(4,1fr)}
.footer a{display:block;text-decoration:none;color:var(--muted);margin-bottom:.35rem}
.footer-bottom{color:#9ca9cc;border-top:1px solid var(--border);margin-top:1rem;padding:.9rem 0 1.3rem;font-size:.9rem}
.empty-state{padding:1.2rem;border:1px dashed #4a5b8f;border-radius:14px;background:#101a37;color:#d3ddfb}
@media(max-width:980px){
  .nav{display:none}
  .menu-btn{display:inline-block}
  .nav.open{display:flex;position:absolute;left:0;right:0;top:62px;background:#0f1a37;border:1px solid var(--border);border-radius:12px;padding:.7rem;flex-direction:column;box-shadow:0 18px 34px #0008}
  .actions .subtle-link{display:none}
  .hero-grid,.course-layout,.player-layout,.two-col,.footer-grid{grid-template-columns:1fr}
  .filters{grid-template-columns:1fr}
  .purchase-card{position:static}
}

.badge{display:inline-block;padding:.15rem .45rem;border-radius:999px;background:#2a3966;color:#dce6ff;font-size:.7rem;margin-left:.35rem}
.badge.success{background:#1e5b45;color:#d5ffea}
.badge.warn{background:#5b3d1f;color:#ffe7c4}
table{width:100%;border-collapse:collapse;background:#0f1733;border:1px solid var(--border);border-radius:12px;overflow:hidden}
th,td{padding:.65rem;border-bottom:1px solid #2a3a66;text-align:left;font-size:.92rem}
.inline-form{display:inline}