:root{--bg:#071426;--panel:#0e213a;--panel2:#132b48;--line:#274463;--text:#f3f7ff;--muted:#b8c9de;--cyan:#28c5f5;--blue:#5865f2;--gold:#ffd66b;--green:#43d6a0}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% 0,#102b4b 0,transparent 32%),var(--bg);color:var(--text);font:16px/1.6 system-ui,-apple-system,Segoe UI,Arial,sans-serif}a{color:#79dcff}.shell{max-width:1120px;margin:auto;padding:0 22px}.topbar{border-bottom:1px solid #ffffff13;background:#061326eF;position:sticky;top:0;z-index:5;backdrop-filter:blur(14px)}.nav{display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:72px}.brand{color:var(--text);text-decoration:none;font-size:21px;font-weight:850;letter-spacing:-.5px}.brand span{color:var(--cyan)}.navlinks{display:flex;align-items:center;gap:19px;flex-wrap:wrap}.navlinks a{text-decoration:none;color:#d3e3f6;font-size:14px}.navlinks a:hover{color:var(--cyan)}.nav-cta,.btn{display:inline-flex;justify-content:center;align-items:center;gap:8px;padding:11px 16px;border:0;border-radius:11px;background:linear-gradient(120deg,#12b9ec,#5d62f5);color:white!important;text-decoration:none;font-weight:750;font-size:14px;cursor:pointer}.btn-light{background:#193653;border:1px solid #315575}.hero{padding:68px 0 42px;display:grid;grid-template-columns:1.2fr .8fr;gap:35px;align-items:center}.eyebrow{color:var(--cyan);font-size:12px;font-weight:850;text-transform:uppercase;letter-spacing:1.5px}.hero h1{font-size:clamp(35px,5vw,59px);line-height:1.07;letter-spacing:-2px;margin:12px 0 18px}.hero p{color:var(--muted);max-width:640px;font-size:17px}.hero-art{background:linear-gradient(145deg,#153858,#0b1b30);border:1px solid #2b4b6b;border-radius:25px;padding:28px;min-height:260px;display:flex;flex-direction:column;justify-content:space-between;box-shadow:0 22px 60px #0002}.orb{font-size:62px}.hero-art strong{font-size:22px}.hero-art p{font-size:14px}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.section{padding:28px 0 48px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:20px}.section h2{font-size:28px;letter-spacing:-.7px;margin:0}.section-head p,.muted{color:var(--muted)}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.course-card,.panel,.dash-course,.resource-section{background:linear-gradient(155deg,#102642,#0b1d33);border:1px solid var(--line);border-radius:18px;padding:21px}.course-icon{font-size:27px;background:#183b59;width:52px;height:52px;display:grid;place-items:center;border-radius:14px;margin-bottom:16px}.course-cover{display:block;width:calc(100% + 42px);height:190px;object-fit:cover;object-position:center 35%;margin:-21px -21px 18px;border-radius:17px 17px 0 0;border-bottom:1px solid #ffffff18}.course-card{overflow:hidden}.course-card .course-cover+ .course-icon{margin-top:0}@media(max-width:520px){.course-cover{width:calc(100% + 34px);height:205px;margin:-17px -17px 16px}}.course-card h3,.dash-course h3{font-size:18px;line-height:1.35;margin:8px 0}.course-card p,.dash-course p{color:var(--muted);font-size:14px}.price-line{font-weight:800;margin:17px 0;color:#fff;font-size:14px}.price-line span{color:var(--muted);padding:0 5px}.course-card .btn{width:100%}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.benefit{padding:19px;border:1px solid var(--line);border-radius:16px;background:#0c1e34}.benefit strong{display:block;margin:7px 0}.benefit p{color:var(--muted);font-size:14px;margin:0}.page-head{padding:42px 0 20px}.page-head h1{font-size:clamp(30px,4vw,44px);margin:5px 0}.page-head p{color:var(--muted)}.content{max-width:780px;padding:25px 0 70px}.panel{margin:16px 0}.panel h2{margin-top:0}.field{margin:14px 0}.field label{display:block;font-size:14px;font-weight:700;margin-bottom:7px}.field input,.field select{width:100%;padding:13px 14px;border-radius:10px;border:1px solid #365473;background:#07172b;color:#fff;font:inherit}.field small{display:block;color:var(--muted);margin-top:6px}.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.msg{min-height:24px;color:#9ee7ff;overflow-wrap:anywhere;margin-top:12px}.hidden{display:none!important}.price-box{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:17px;border-radius:14px;background:#07182c;border:1px solid var(--line)}.price{font-size:30px;font-weight:900}.notice{border-left:3px solid var(--gold);padding:12px 15px;background:#1d2a39;border-radius:0 10px 10px 0;color:#f6e4b2;font-size:14px}.dash-list{display:grid;gap:12px}.dash-course{display:flex;align-items:center;justify-content:space-between;gap:18px}.status{display:inline-block;padding:4px 8px;border-radius:100px;font-size:11px;font-weight:900;letter-spacing:.4px}.status.success,.status.free{background:#123e36;color:#7af0c4}.status.pending{background:#47371b;color:#ffdc8a}.resource-section{margin:14px 0}.resource-section h2{font-size:19px;margin:0 0 12px}.resource-link{display:block;padding:11px 12px;margin:8px 0;border:1px solid #2c4c6b;border-radius:10px;text-decoration:none;background:#0a1b30}.empty{padding:22px;border:1px dashed #36516f;border-radius:15px;color:var(--muted)}.footer{border-top:1px solid #ffffff14;margin-top:35px;padding:28px 0;color:var(--muted);font-size:13px}.footer-inner{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap}.footer a{color:var(--muted)}@media(max-width:800px){.hero{grid-template-columns:1fr;padding-top:42px}.hero-art{min-height:190px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.benefits{grid-template-columns:1fr}.nav{align-items:flex-start;padding:15px 0;flex-direction:column}.navlinks{gap:12px}.dash-course{align-items:flex-start;flex-direction:column}.section-head{align-items:flex-start;flex-direction:column}}@media(max-width:520px){.shell{padding:0 15px}.course-grid{grid-template-columns:1fr}.hero h1{letter-spacing:-1.2px}.panel,.course-card{padding:17px}.navlinks a{font-size:13px}}