@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--bg:#0d0b1b;--panel:#17142b;--panel2:#201b3a;--text:#f7f5ff;--muted:#aaa5c2;--purple:#9b7bff;--pink:#e58bff;--line:rgba(255,255,255,.1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:'DM Sans',sans-serif;line-height:1.6}a{color:inherit;text-decoration:none}.topbar{height:76px;display:flex;align-items:center;justify-content:space-between;padding:0 7%;border-bottom:1px solid var(--line);background:rgba(13,11,27,.9);position:sticky;top:0;z-index:10;backdrop-filter:blur(14px)}.brand{font-family:Manrope,sans-serif;font-weight:800;font-size:21px;letter-spacing:-1px}.brand>span:last-child{color:var(--purple)}.brand-mark{display:inline-grid;place-items:center;width:30px;height:30px;margin-right:7px;border-radius:10px;background:linear-gradient(135deg,#9c7bff,#df82ed);color:#fff}.topbar nav{display:flex;align-items:center;gap:30px;color:#c9c4dc;font-size:14px}.topbar nav a:hover,.text-link:hover{color:#c3adff}.menu-toggle{display:none;background:none;border:0;color:white;font-size:25px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:0;border-radius:10px;padding:12px 19px;font:700 14px 'DM Sans';cursor:pointer;transition:.2s}.btn-primary{background:linear-gradient(110deg,#9271fa,#c37bea);color:white;box-shadow:0 8px 30px #9975fa35}.btn-primary:hover{transform:translateY(-2px);filter:brightness(1.1)}.btn-outline{background:transparent;color:white;border:1px solid #71648e;padding:9px 17px}.btn-ghost{border:1px solid var(--line);color:white}.hero{padding:90px 7% 75px;display:grid;grid-template-columns:1.05fr .95fr;gap:45px;align-items:center;min-height:570px;overflow:hidden}.eyebrow{font-size:11px;letter-spacing:2px;color:#b59eff;font-weight:800}.dot{display:inline-block;width:7px;height:7px;background:#a78aff;border-radius:50%;margin-right:8px;box-shadow:0 0 12px #a78aff}.hero h1{font:800 clamp(39px,5.3vw,66px)/1.12 Manrope,sans-serif;letter-spacing:-3px;margin:20px 0}.hero h1 span{background:linear-gradient(90deg,#a98bff,#e49bff);background-clip:text;color:transparent}.hero-copy>p{max-width:510px;color:var(--muted);font-size:16px}.hero-actions{display:flex;gap:12px;margin:28px 0}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:#8f89a9;font-size:11px}.hero-art{min-height:350px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:300px;height:300px;background:radial-gradient(circle,#7650db55,transparent 70%);top:15px;right:30px}.orb-two{width:230px;height:230px;background:radial-gradient(circle,#d66de844,transparent 70%);bottom:0;left:0}.prompt-window{position:relative;width:min(440px,100%);padding:23px;border:1px solid #ffffff24;border-radius:18px;background:linear-gradient(145deg,#262044ee,#151329f2);box-shadow:0 30px 90px #0008;transform:rotate(-2deg)}.window-head{display:flex;align-items:center;gap:6px;padding-bottom:18px;border-bottom:1px solid var(--line)}.window-head>span{width:7px;height:7px;border-radius:50%;background:#a18aff}.window-head>span:nth-child(2){background:#d98bea}.window-head>span:nth-child(3){background:#6bcdb0}.window-head b{margin-left:auto;color:#bdb5d5;font-size:11px}.window-label{color:#b79fff;font-size:10px;letter-spacing:1.5px;font-weight:800;margin-top:22px}.prompt-window h3{font:700 24px/1.3 Manrope;margin:10px 0}.prompt-window p{color:#aaa3c0;font-size:12px}.fake-lines{display:grid;gap:8px;margin:20px 0}.fake-lines i{height:7px;border-radius:9px;background:#ffffff12}.fake-lines i:nth-child(2){width:85%}.fake-lines i:nth-child(3){width:60%}.window-foot{border-top:1px solid var(--line);padding-top:15px;display:flex;justify-content:space-between;font-size:10px;color:#9d96b5}.window-foot b{color:#c2aaff}.floating-tag{position:absolute;background:#292344;border:1px solid #ffffff20;border-radius:9px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:1px;box-shadow:0 12px 30px #0005}.tag-top{top:24px;right:0;color:#e3b5ff}.tag-bottom{bottom:22px;left:0;color:#a9e8d5}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:0 7%;padding:25px 30px;background:#17142a;border:1px solid var(--line);border-radius:15px}.stats div{text-align:center;border-right:1px solid var(--line)}.stats div:last-child{border:0}.stats strong,.stats span{display:block}.stats strong{font:800 20px Manrope}.stats span{font-size:12px;color:var(--muted)}.section,.course-section{padding:95px 7%}.section-heading{display:flex;justify-content:space-between;align-items:end;margin-bottom:30px}.section-heading h2,.cta h2{font:800 clamp(29px,4vw,42px)/1.2 Manrope;letter-spacing:-1.5px;margin:9px 0}.section-heading p,.cta p{color:var(--muted);margin:0}.text-link{color:#c1aaff;font-size:13px;font-weight:700}.filter-row{display:flex;gap:9px;flex-wrap:wrap;margin-bottom:23px}.filter{border:1px solid var(--line);background:transparent;color:#bcb6d0;border-radius:30px;padding:8px 17px;font:600 12px 'DM Sans';cursor:pointer}.filter.active,.filter:hover{background:#332858;border-color:#8265d7;color:white}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.content-card{background:linear-gradient(145deg,#1c1932,#151326);border:1px solid var(--line);border-radius:15px;padding:22px;transition:.2s}.content-card:hover{transform:translateY(-4px);border-color:#9276d9}.card-icon{width:43px;height:43px;border-radius:12px;display:grid;place-items:center;font-size:20px;margin-bottom:22px}.pink{background:#653b6655;color:#f2a3ee}.blue{background:#354b8055;color:#9cbcff}.yellow{background:#78602b55;color:#ffd783}.green{background:#28634f55;color:#8ee2bd}.card-kicker,.course-meta{font-size:9px;letter-spacing:1.5px;color:#aa91ed;font-weight:800}.content-card h3{font:700 17px/1.3 Manrope;margin:8px 0}.content-card p{font-size:12px;color:var(--muted);min-height:42px}.copy-btn{border:0;background:none;padding:8px 0 0;color:#c4adff;font:700 11px 'DM Sans';cursor:pointer}.notice{height:20px;color:#91dfbd;font-size:12px}.course-section{background:#121023}.course-section .card-grid{grid-template-columns:repeat(3,1fr)}.course-card{padding:13px 13px 22px}.course-art{height:145px;border-radius:10px;margin-bottom:19px;display:flex;align-items:center;justify-content:center;gap:8px;font:800 26px Manrope;letter-spacing:-1px}.course-art span{font-size:13px;letter-spacing:2px}.art-one{background:radial-gradient(circle at 70% 20%,#8c70d9,#30245a 65%)}.art-two{background:radial-gradient(circle at 20% 20%,#d179c7,#482b70 70%)}.art-three{background:radial-gradient(circle at 70% 20%,#52a98f,#1d4c52 70%)}.course-card p{min-height:40px}.cta{margin:70px 7%;padding:48px;background:linear-gradient(110deg,#29204c,#40285c);border:1px solid #ffffff1b;border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:25px}.cta h2{margin-bottom:12px}.cta p{max-width:540px;font-size:13px}footer{padding:28px 7%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:15px;color:#8f89a9;font-size:11px}footer p{margin:0}.footer-note{color:#b59eff}.modal-backdrop{display:none;position:fixed;inset:0;background:#05040dcc;z-index:30;place-items:center;padding:20px}.modal-backdrop.show{display:grid}.modal{position:relative;width:min(410px,100%);padding:30px;border-radius:17px;background:#1b1730;border:1px solid var(--line);box-shadow:0 30px 100px #0009}.modal h2{font:800 25px Manrope;margin:20px 0 5px}.modal p,.modal small{color:var(--muted);font-size:12px}.modal label{display:block;font-size:12px;margin:15px 0}.modal input{display:block;width:100%;margin-top:7px;padding:12px;border-radius:8px;border:1px solid var(--line);background:#100e20;color:white}.modal input:disabled{opacity:.6}.modal-close{position:absolute;right:17px;top:12px;background:none;border:0;color:white;font-size:25px;cursor:pointer}.full{width:100%;margin:12px 0}
@media(max-width:850px){.hero{grid-template-columns:1fr;padding-top:65px}.hero-art{min-height:320px}.card-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.topbar{height:65px;padding:0 5%}.menu-toggle{display:block}.topbar nav{display:none;position:absolute;top:64px;left:0;right:0;padding:20px 6%;background:#17142a;flex-direction:column;align-items:stretch;gap:16px;border-bottom:1px solid var(--line)}.topbar nav.open{display:flex}.hero{padding:55px 6% 45px;gap:10px}.hero h1{letter-spacing:-2px}.hero-art{min-height:290px}.prompt-window{padding:17px}.prompt-window h3{font-size:20px}.stats{margin:0 5%;padding:20px 8px}.stats strong{font-size:15px}.stats span{font-size:10px}.section,.course-section{padding:65px 6%}.section-heading{align-items:start;gap:15px;flex-direction:column}.card-grid,.course-section .card-grid{grid-template-columns:1fr}.content-card p{min-height:0}.cta{margin:45px 5%;padding:30px 23px;align-items:flex-start;flex-direction:column}footer{padding:25px 6%;flex-wrap:wrap}footer p{order:3;width:100%}}