:root{--bg:#040817;--panel:rgba(12,20,45,.78);--border:rgba(120,170,255,.18);--text:#eef3ff;--muted:#93a5cf;--primary:#7c8cff;--accent:#49d7ff}*{box-sizing:border-box}body,html{padding:0;margin:0;background:radial-gradient(circle at 50% 10%,#10245c 0,#050916 35%,#030611 100%);color:var(--text);font-family:Inter,system-ui,Arial,sans-serif;min-height:100%}a{color:inherit;text-decoration:none}button,input,select{font:inherit}.page{min-height:100vh;display:grid;place-items:center;padding:32px}.shell{width:min(1100px,100%);display:grid;grid-template-columns:1.1fr .9fr;grid-gap:28px;gap:28px;align-items:center}@media (max-width:900px){.shell{grid-template-columns:1fr}}.hero h1{font-size:clamp(46px,7vw,84px);line-height:.95;margin:0 0 16px;font-weight:800;letter-spacing:-.04em}.hero p{color:var(--muted);font-size:20px;line-height:1.5;max-width:620px}.card{background:linear-gradient(180deg,rgba(16,25,56,.88),rgba(8,13,32,.88));border:1px solid var(--border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-radius:28px;box-shadow:0 10px 60px rgba(0,0,0,.35),inset 0 1px 0 hsla(0,0%,100%,.04);padding:28px}.form{display:grid;grid-gap:14px;gap:14px}.label{font-size:14px;color:#cad5ff}.input,.select{width:100%;background:#0a1130;border:1px solid rgba(130,160,255,.18);color:var(--text);padding:14px 16px;border-radius:16px}.btnrow{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-flex;justify-content:center;align-items:center;padding:14px 20px;border-radius:999px;border:1px solid rgba(120,170,255,.18);cursor:pointer}.btn.primary{background:linear-gradient(90deg,#8f62ff,#4aa8ff);color:#fff;box-shadow:0 8px 30px rgba(93,116,255,.35)}.btn.secondary{background:hsla(0,0%,100%,.02)}.brand{display:flex;align-items:center;gap:12px;margin-bottom:20px}.logo{width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#57f0ff,#8b60ff);display:grid;place-items:center;color:#fff;font-weight:800}.muted{color:var(--muted)}.hub-layout{display:grid;grid-template-columns:340px 1fr;min-height:100vh}.sidebar{border-right:1px solid var(--border);background:rgba(5,10,24,.72);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.main,.sidebar{padding:22px}.navitem{padding:14px 16px;border:1px solid var(--border);border-radius:18px;margin:10px 0;background:hsla(0,0%,100%,.02)}.panel{margin-top:18px}.course-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:18px;gap:18px}@media (max-width:900px){.course-grid,.hub-layout{grid-template-columns:1fr}}.course{padding:20px;border-radius:22px;border:1px solid var(--border);background:linear-gradient(180deg,rgba(17,27,62,.9),rgba(8,13,28,.92))}.progress{height:10px;background:#0b1430;border-radius:999px;overflow:hidden}.progress>span{display:block;height:100%;background:linear-gradient(90deg,#4ad7ff,#8b60ff)}.canvasWrap{height:420px;border-radius:28px;overflow:hidden;border:1px solid var(--border);background:radial-gradient(circle at 50% 20%,rgba(96,128,255,.18),transparent 34%),#050b19}.small{font-size:13px;color:var(--muted)}