:root{color-scheme:dark;--bg:#080b12;--surface:#111722;--surface-2:#171f2e;--surface-3:#202a3b;--text:#edf2ff;--muted:#9aa7bb;--line:#2a3548;--brand:#7d5cff;--brand-2:#29d4a8;--danger:#ff6b81;--warning:#f8c15c;--radius:14px;--shadow:0 18px 55px #0005;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif}html[data-theme=light]{color-scheme:light;--bg:#f5f7fb;--surface:#fff;--surface-2:#edf1f7;--surface-3:#e1e7f0;--text:#182033;--muted:#617087;--line:#d7deea;--shadow:0 14px 45px #26365318}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);min-height:100vh}a{color:inherit}button,input,select,textarea{font:inherit}.topbar{height:68px;display:flex;align-items:center;gap:28px;padding:0 max(20px,calc((100vw - 1240px)/2));border-bottom:1px solid var(--line);background:color-mix(in srgb,var(--surface) 92%,transparent);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.logo{display:flex;align-items:center;gap:9px;font-weight:850;text-decoration:none;letter-spacing:.01em;white-space:nowrap}.logo-mark{display:grid;place-items:center;width:34px;height:34px;border-radius:9px;background:linear-gradient(135deg,var(--brand),#b15cff);color:#fff;font-size:13px;box-shadow:0 8px 24px #7d5cff55}.logo small{display:block;color:var(--brand-2);font-size:10px;line-height:1;text-transform:uppercase;letter-spacing:.15em}.nav{display:flex;gap:4px}.nav a,.text-link{padding:8px 10px;color:var(--muted);text-decoration:none;border:0;background:none;cursor:pointer}.nav a:hover,.text-link:hover{color:var(--text)}.account{display:flex;align-items:center;gap:8px;margin-left:auto}.user-name{color:var(--muted);max-width:150px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.icon-button{width:38px;height:38px;border:1px solid var(--line);border-radius:10px;background:var(--surface-2);color:var(--text);cursor:pointer}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border:0;border-radius:10px;background:var(--brand);color:#fff;text-decoration:none;font-weight:750;cursor:pointer;box-shadow:0 7px 22px #7d5cff33}.button:hover{filter:brightness(1.08)}.button.secondary{background:var(--surface-3);box-shadow:none}.button.small{padding:8px 12px}.button.danger{background:var(--danger)}.container{width:min(1240px,calc(100% - 36px));margin:0 auto}.hero{padding:72px 0 52px;background:radial-gradient(circle at 18% 10%,#4832a63b,transparent 30%),radial-gradient(circle at 80% 30%,#14b89920,transparent 28%)}.hero-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:48px}.eyebrow{color:var(--brand-2);font-weight:800;text-transform:uppercase;letter-spacing:.13em;font-size:12px}.hero h1{font-size:clamp(38px,6vw,70px);line-height:1.02;letter-spacing:-.045em;margin:12px 0 18px;max-width:800px}.hero h1 span{color:var(--brand)}.hero p{font-size:18px;color:var(--muted);max-width:620px}.hero-card{min-height:330px;border:1px solid var(--line);background:linear-gradient(145deg,var(--surface-2),var(--surface));border-radius:28px;position:relative;overflow:hidden;box-shadow:var(--shadow)}.hero-card:before{content:"";position:absolute;inset:40px;background:conic-gradient(from 20deg,var(--brand),var(--brand-2),#ff6b81,var(--brand));mask:radial-gradient(circle,transparent 38%,#000 39% 51%,transparent 52%);animation:spin 16s linear infinite}.hero-card:after{content:"3D";position:absolute;inset:0;display:grid;place-items:center;font-size:64px;font-weight:900;letter-spacing:-.06em}@keyframes spin{to{transform:rotate(360deg)}}.section{padding:44px 0}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:24px}.section-head h1,.section-head h2{margin:0;font-size:clamp(25px,4vw,36px);letter-spacing:-.025em}.muted{color:var(--muted)}.filters{display:grid;grid-template-columns:1fr 220px auto;gap:10px;margin:0 0 24px}.input,.select,.textarea{width:100%;border:1px solid var(--line);border-radius:10px;padding:11px 12px;background:var(--surface);color:var(--text);outline:none}.input:focus,.select:focus,.textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #7d5cff22}.textarea{min-height:110px;resize:vertical}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.course-card{border:1px solid var(--line);background:var(--surface);border-radius:var(--radius);overflow:hidden;transition:.2s ease}.course-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:#7d5cff66}.course-thumb{aspect-ratio:16/9;display:block;background:linear-gradient(135deg,#222c55,#422c64);position:relative;overflow:hidden}.course-thumb img{width:100%;height:100%;object-fit:cover}.course-thumb .fallback{position:absolute;inset:0;display:grid;place-items:center;font-size:28px;font-weight:900;color:#ffffffcc}.badge{display:inline-flex;align-items:center;padding:4px 8px;border-radius:99px;background:var(--surface-3);font-size:12px;font-weight:750}.badge.free{background:#0d593f;color:#a7f3d0}.badge.paid{background:#463812;color:#fde68a}.course-body{padding:16px}.course-body h3{font-size:18px;line-height:1.3;margin:8px 0}.course-body p{color:var(--muted);margin:0 0 14px}.meta{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:13px}.progress{height:7px;background:var(--surface-3);border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:linear-gradient(90deg,var(--brand),var(--brand-2));border-radius:inherit}.course-hero{padding:50px 0;background:linear-gradient(160deg,#26204e,#101522 60%)}.course-hero-grid{display:grid;grid-template-columns:1fr 360px;gap:50px}.course-hero h1{font-size:clamp(32px,5vw,52px);line-height:1.08;margin:10px 0}.course-hero p{color:#c0c8d8;font-size:17px}.purchase-card,.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);padding:22px;box-shadow:var(--shadow)}.purchase-card .price{font-size:30px;font-weight:900;margin:10px 0}.curriculum{display:grid;gap:12px}.module{border:1px solid var(--line);border-radius:12px;background:var(--surface);overflow:hidden}.module h3{margin:0;padding:14px 16px;background:var(--surface-2)}.lesson-row{display:flex;align-items:center;gap:12px;padding:12px 16px;border-top:1px solid var(--line);text-decoration:none}.lesson-row:hover{background:var(--surface-2)}.lesson-row .lesson-title{flex:1}.lock{color:var(--muted)}.player-layout{display:grid;grid-template-columns:minmax(0,1fr) 360px;min-height:calc(100vh - 68px)}.watch{padding:24px max(22px,calc((100vw - 1240px)/2));padding-right:28px}.player-shell{background:#000;border-radius:14px;overflow:hidden;aspect-ratio:16/9;box-shadow:var(--shadow)}video{width:100%;height:100%;display:block;background:#000}.watch h1{font-size:26px;margin:22px 0 4px}.watch-tools{display:flex;align-items:center;gap:10px;margin:14px 0 20px}.sidebar{border-left:1px solid var(--line);background:var(--surface);padding:20px;overflow:auto}.sidebar h2{font-size:18px}.notes,.discussion{border-top:1px solid var(--line);padding:22px 0}.discussion-item{border:1px solid var(--line);border-radius:12px;padding:14px;margin:12px 0;background:var(--surface)}.reply{margin:12px 0 0 24px;padding-left:12px;border-left:2px solid var(--brand)}.auth-wrap{min-height:calc(100vh - 150px);display:grid;place-items:center;padding:40px 18px}.auth-card{width:min(460px,100%)}.auth-card h1{margin-top:0}.field{margin:16px 0}.field label{display:block;font-weight:700;margin-bottom:6px}.error-list{background:#481426;color:#ffd0d9;border:1px solid #7e2942;padding:12px 16px;border-radius:10px}.notice{width:min(1240px,calc(100% - 36px));margin:14px auto 0;padding:12px 15px;border:1px solid #1b7658;border-radius:10px;background:#0d3e30;color:#bcf8de}.table{width:100%;border-collapse:collapse}.table th,.table td{text-align:left;border-bottom:1px solid var(--line);padding:12px 10px}.table th{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.07em}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 18px}.full{grid-column:1/-1}.stack{display:grid;gap:16px}.inline{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.check{display:flex;align-items:center;gap:8px}.check input{width:17px;height:17px}.quiz-option{display:flex;align-items:flex-start;gap:10px;padding:12px;border:1px solid var(--line);border-radius:10px;margin:8px 0}.footer{width:min(1240px,calc(100% - 36px));margin:40px auto 0;padding:28px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted)}.footer div{display:grid}.pagination{margin-top:25px}@media(max-width:980px){.hero-grid,.course-hero-grid{grid-template-columns:1fr}.hero-card{display:none}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.player-layout{grid-template-columns:1fr}.sidebar{border-left:0;border-top:1px solid var(--line)}.watch{padding:20px}}@media(max-width:680px){.topbar{height:auto;min-height:64px;padding:10px 16px;gap:8px;flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto}.account .user-name{display:none}.course-grid,.form-grid,.filters{grid-template-columns:1fr}.full{grid-column:auto}.hero{padding:42px 0}.hero h1{font-size:40px}.course-hero-grid{gap:22px}.section{padding:30px 0}.footer{display:grid;gap:12px}.table thead{display:none}.table tr{display:grid;border-bottom:1px solid var(--line);padding:10px}.table td{border:0;padding:4px}}