@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--bg:#080d18;--panel:#101a2c;--panel2:#142139;--line:#263650;--text:#edf3ff;--muted:#9aaac3;--blue:#4d8dff;--cyan:#54d5e8;--green:#5bd6a0;--red:#ff7d89}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse at 75% 0%,#142646 0,transparent 34%),var(--bg);color:var(--text);font-family:'DM Sans',sans-serif}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.topbar{height:78px;padding:0 max(5vw,22px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff12;background:#080d18e8;position:sticky;top:0;z-index:5;backdrop-filter:blur(16px)}.brand{display:flex;align-items:center;gap:11px;font-family:'Space Grotesk';font-weight:700;letter-spacing:.08em}.brand small{display:block;font:9px 'DM Sans';color:var(--muted);letter-spacing:.22em;margin-top:3px}.brand-mark{width:36px;height:36px;border:1px solid var(--cyan);color:var(--cyan);display:grid;place-items:center;border-radius:10px;font-size:19px;box-shadow:0 0 22px #54d5e822}.topbar nav{display:flex;align-items:center;gap:25px;font-size:13px;color:var(--muted)}.topbar nav a:hover{color:white}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:12px 18px;border-radius:9px;border:1px solid transparent;font-weight:700;font-size:13px;cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(110deg,#3775e9,#35b9d0);color:white;box-shadow:0 8px 25px #2775dc30}.btn-primary:hover{filter:brightness(1.12);transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--text);border-color:var(--line)}.btn-outline{border-color:#5c7aa3;color:#dbe9ff;background:#ffffff06}.hero{min-height:590px;padding:95px max(8vw,25px) 70px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:.22em;font-weight:700;color:var(--cyan);margin-bottom:17px}.pulse{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:8px}.hero h1{font:600 clamp(42px,5.6vw,72px)/1.08 'Space Grotesk';letter-spacing:-.055em;margin:0 0 22px}.hero h1 em,.about h2 em{font-style:normal;color:var(--cyan)}.hero-copy>p,.section-head p,.resource-band p,.about p{color:var(--muted);line-height:1.8;max-width:550px;font-size:15px}.hero-actions{display:flex;gap:12px;margin-top:30px}.hero-meta{display:flex;flex-wrap:wrap;gap:18px;margin-top:40px;color:#879ab6;font-size:11px}.hero-art{height:410px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid #5f92c42b;border-radius:50%;transform:rotate(-24deg)}.orbit-one{width:350px;height:350px}.orbit-two{width:450px;height:245px;border-color:#54d5e833;transform:rotate(38deg)}.core{width:185px;height:185px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 35% 25%,#1f4771,#0b1527 70%);border:1px solid #5ccfe7aa;box-shadow:0 0 70px #1f8acb38,inset 0 0 30px #4bcce522;z-index:1}.core-symbol{font:700 35px 'Space Grotesk';letter-spacing:.08em}.core span{font-size:8px;letter-spacing:.2em;color:var(--cyan);margin-top:7px}.float-card{position:absolute;padding:12px 16px;border:1px solid #45617f;background:#101d31e8;border-radius:9px;box-shadow:0 12px 35px #0005;display:flex;align-items:center;gap:10px;font-size:9px;letter-spacing:.1em;color:#b9cbe4}.float-card b{font:600 18px 'Space Grotesk';color:var(--cyan)}.card-a{top:42px;left:4%}.card-b{right:0;top:48%}.card-c{bottom:40px;left:10%}.section{padding:75px max(8vw,25px)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:30px}.section h2,.section-head h2{font:600 clamp(29px,3.4vw,42px)/1.15 'Space Grotesk';letter-spacing:-.04em;margin:0 0 10px}.section-head p{margin:0}.section-count{color:var(--muted);font-size:12px}.course-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.course-card{background:linear-gradient(145deg,#14223a,#0e1727);border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s}.course-card:hover{transform:translateY(-4px);border-color:#4e89c9}.course-image{height:160px;background:linear-gradient(135deg,#193d61,#122039);display:grid;place-items:center;color:#65d9e8;font:700 38px 'Space Grotesk';overflow:hidden}.course-image img{width:100%;height:100%;object-fit:cover}.course-body{padding:20px}.course-tags{display:flex;gap:7px;margin-bottom:12px}.pill{font-size:9px;letter-spacing:.08em;text-transform:uppercase;padding:6px 8px;border-radius:30px;background:#203b5a;color:#9dd9ef}.pill.success{background:#153d35;color:#72e4b6}.pill.paid{background:#48331c;color:#ffcb80}.course-body h3{font:600 20px 'Space Grotesk';margin:0 0 9px}.course-body p{font-size:12px;line-height:1.7;color:var(--muted);min-height:42px}.course-foot{display:flex;justify-content:space-between;align-items:center;margin-top:18px;padding-top:15px;border-top:1px solid var(--line)}.price{font-weight:700;color:#8ce4dc}.empty{padding:35px;border:1px dashed var(--line);border-radius:12px;color:var(--muted);grid-column:1/-1;text-align:center}.resource-band{margin:35px max(5vw,15px);padding:55px 6vw;background:linear-gradient(110deg,#12243a,#102e45);border:1px solid #31536a;border-radius:18px;display:flex;justify-content:space-between;align-items:center}.resource-band p{max-width:500px}.resource-icon{font-size:65px;color:var(--cyan);text-align:center}.resource-icon small{display:block;font-size:9px;letter-spacing:.2em;color:#9db8d2}.about{max-width:950px}.about p{max-width:660px}.account-section,.admin-section{border-top:1px solid var(--line)}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:20px 0}.stat,.panel{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.stat span{display:block;color:var(--muted);font-size:11px}.stat b{font:600 27px 'Space Grotesk';display:block;margin-top:8px}.admin-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:15px}.panel h3{font:600 18px 'Space Grotesk';margin:0 0 16px}.form{display:grid;gap:13px}.form label,.panel label{display:grid;gap:7px;color:#bdcbe0;font-size:12px}.form input,.panel input,.panel textarea,.panel select{width:100%;background:#091322;border:1px solid #30425d;color:white;padding:12px;border-radius:8px;outline:none}.form input:focus,.panel input:focus,.panel textarea:focus{border-color:var(--cyan)}.full{width:100%}.text-btn{border:0;background:none;color:var(--cyan);cursor:pointer;padding:0;font-size:12px}.form-foot{text-align:center;color:var(--muted);font-size:12px}.modal{position:fixed;inset:0;background:#020611c9;z-index:20;display:none;place-items:center;padding:20px;backdrop-filter:blur(8px)}.modal.open{display:grid}.modal-card{width:min(100%,440px);max-height:90vh;overflow:auto;position:relative;padding:32px;background:#101a2c;border:1px solid #344967;border-radius:16px;box-shadow:0 25px 90px #0009}.modal-card.wide{width:min(100%,760px)}.modal-card h2{font:600 29px 'Space Grotesk';margin:0 0 20px}.modal-close{position:absolute;right:16px;top:12px;border:0;background:none;color:#b7c7dc;font-size:27px;cursor:pointer}.notice{padding:10px;border-radius:8px;background:#1b354b;color:#aee8ed;font-size:12px;margin-bottom:14px}.notice.error{background:#48252e;color:#ffb4bb}.toast{position:fixed;bottom:22px;left:50%;transform:translate(-50%,20px);opacity:0;pointer-events:none;background:#d9f8f1;color:#0b2926;padding:12px 18px;border-radius:9px;font-size:12px;z-index:50;transition:.2s;max-width:90vw}.toast.show{opacity:1;transform:translate(-50%,0)}.table-wrap{overflow:auto}table{width:100%;border-collapse:collapse;font-size:12px}th,td{text-align:left;padding:11px;border-bottom:1px solid var(--line);white-space:nowrap}th{color:var(--muted);font-weight:600}td{color:#dce7f6}.inline-form{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.inline-form .span2{grid-column:1/-1}.lesson{padding:13px;border:1px solid var(--line);border-radius:9px;margin:8px 0}.lesson.locked{opacity:.6}.course-detail-image{width:100%;max-height:230px;object-fit:cover;border-radius:10px;margin:12px 0}.muted{color:var(--muted);font-size:12px;line-height:1.7}.row-actions{display:flex;gap:8px;flex-wrap:wrap}footer{border-top:1px solid var(--line);padding:28px max(5vw,22px);display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:11px}footer p{margin:0}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{height:340px}.course-grid{grid-template-columns:repeat(2,1fr)}.topbar nav{gap:10px}.topbar nav>a:not(:first-child){display:none}.stats{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.topbar{height:66px;padding:0 15px}.topbar nav{gap:6px}.topbar nav .btn{padding:9px;font-size:11px}.hero{padding:60px 22px 35px}.hero h1{font-size:44px}.hero-art{transform:scale(.82);margin:-20px -35px}.section{padding:55px 20px}.course-grid,.admin-grid{grid-template-columns:1fr}.resource-band{margin:20px 12px;padding:35px 25px}.resource-icon{font-size:42px}.inline-form{grid-template-columns:1fr}.inline-form .span2{grid-column:auto}footer{display:grid;gap:15px}.section-head{align-items:start;flex-direction:column}}

.course-image img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit}