:root{--bg-base:#04060d;--bg-deep:#03101c;--bg-card:rgba(18,24,38,.75);--bg-elevated:rgba(13,17,27,.65);--border-subtle:hsla(0,0%,100%,.06);--border-strong:hsla(0,0%,100%,.12);--text-primary:#f8fafc;--text-secondary:rgba(241,245,249,.72);--text-muted:rgba(148,163,184,.85);--accent-blue:#3b82f6;--accent-cyan:#22d3ee;--accent-deep:#1d4ed8;--accent-emerald:#34d399;--gradient-primary:linear-gradient(120deg,#22d3ee,#3b82f6 55%,#1d4ed8)}*{box-sizing:border-box}body,html{margin:0;padding:0}body{background:radial-gradient(900px 500px at 12% -10%,rgba(34,211,238,.12),transparent 60%),radial-gradient(1000px 600px at 88% 0,rgba(59,130,246,.16),transparent 60%),radial-gradient(1200px 700px at 50% 120%,rgba(29,78,216,.18),transparent 55%),var(--bg-base);background-attachment:fixed;color:var(--text-primary);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.55;min-height:100vh}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:20;background:rgba(4,6,13,.72);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--border-subtle)}.site-header-inner{max-width:1100px;margin:0 auto;padding:16px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:inline-flex;align-items:center}.brand img{height:30px;width:auto;filter:brightness(0) invert(1)}.header-tag{font-size:13px;font-weight:500;color:var(--text-muted)}main{max-width:1100px;margin:0 auto;padding:0 24px 64px}.hero{text-align:center;padding:72px 0 32px}.hero-inner{max-width:720px;margin:0 auto}.badge{display:inline-block;font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-cyan);background:rgba(34,211,238,.1);border:1px solid rgba(34,211,238,.25);padding:6px 14px;border-radius:999px}.hero h1{font-size:clamp(32px,6vw,54px);margin:18px 0 12px;background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p{color:var(--text-secondary);font-size:18px;margin:0}.course-progress{max-width:720px;margin:28px auto 0;display:flex;align-items:center;gap:18px;padding:18px 22px;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:16px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);text-align:left}.course-progress-ring{--size:56px;flex:0 0 auto;width:var(--size);height:var(--size);border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent-cyan) calc(var(--pct) * 1%),hsla(0,0%,100%,.08) 0);transition:background .4s ease}.course-progress-ring span{display:grid;place-items:center;width:calc(var(--size) - 12px);height:calc(var(--size) - 12px);border-radius:50%;background:var(--bg-base);font-size:13px;font-weight:700;color:var(--text-primary)}.course-progress-text strong{display:block;font-size:16px;color:var(--text-primary)}.course-progress-text span{font-size:14px;color:var(--text-muted)}.course-progress.is-complete .course-progress-ring{background:conic-gradient(var(--accent-emerald) 100%,var(--accent-emerald) 0)}.videos{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));grid-gap:28px;gap:28px;margin-top:32px}.card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:18px;overflow:hidden;box-shadow:0 18px 40px rgba(0,0,0,.45);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.card:hover{transform:translateY(-4px);border-color:rgba(59,130,246,.55);box-shadow:0 22px 50px rgba(29,78,216,.25)}.video-wrap{position:relative;background:#000;aspect-ratio:16/9}.video-wrap video{width:100%;height:100%;display:block;object-fit:contain}.duration-badge{position:absolute;bottom:10px;right:10px;font-size:12px;font-weight:600;color:var(--text-primary);background:rgba(4,6,13,.78);border:1px solid var(--border-subtle);padding:3px 8px;border-radius:8px;pointer-events:none}.card-body{padding:20px 22px 24px}.card-body h2{margin:0 0 8px;font-size:20px;color:var(--text-primary)}.card-body p{margin:0;color:var(--text-secondary);font-size:15px}.progress{margin-top:18px}.progress-bar{height:8px;border-radius:999px;background:hsla(0,0%,100%,.08);overflow:hidden}.progress-fill{height:100%;width:0;border-radius:999px;background:var(--gradient-primary);transition:width .25s ease}.progress-fill.is-complete{background:linear-gradient(90deg,var(--accent-emerald),#6ee7b7)}.progress-meta{display:flex;justify-content:space-between;align-items:center;margin-top:8px;font-size:13px;font-weight:600;color:var(--text-muted)}.progress-resumed{color:var(--accent-cyan);font-weight:500}.footer{text-align:center;margin-top:56px;color:var(--text-muted);font-size:14px}.footer a{color:var(--accent-cyan);text-decoration:none}.footer a:hover{text-decoration:underline}