@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--bg:#0a0b10;--surface:#11131b;--surface2:#171a24;--text:#f4f5f7;--muted:#a5a8b3;--line:#272a35;--accent:#9b7cff;--accent2:#65d7ff;--max:1120px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",sans-serif;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(var(--max),calc(100% - 40px));margin:auto}.narrow{max-width:800px}.site-header{position:sticky;top:0;z-index:20;background:rgba(10,11,16,.82);backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}.nav{height:72px;display:flex;align-items:center;justify-content:space-between}.brand{font-family:"Space Grotesk";font-weight:700;font-size:18px;display:flex;align-items:center;gap:10px}.brand span{display:grid;place-items:center;width:34px;height:34px;border-radius:10px;background:linear-gradient(135deg,var(--accent),var(--accent2));color:#08090d;font-size:12px}.nav-links{display:flex;gap:30px;color:var(--muted);font-weight:500}.nav-links a{transition:.2s}.nav-links a:hover,.nav-links .active{color:#fff}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:25px}.hero{min-height:680px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 80% 35%,rgba(155,124,255,.18),transparent 32%),radial-gradient(circle at 20% 80%,rgba(101,215,255,.08),transparent 30%)}.hero-content{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:2px;color:var(--accent2);font-weight:700;margin-bottom:18px}.hero h1,.page-hero h1{font:700 clamp(48px,7vw,82px)/1.02 "Space Grotesk";letter-spacing:-3px}.hero h1 span{background:linear-gradient(90deg,#fff,var(--accent2));background-clip:text;-webkit-background-clip:text;color:transparent}.hero-text{font-size:18px;color:var(--muted);max-width:650px;margin:25px 0 32px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 20px;border-radius:12px;font-weight:700;border:1px solid var(--line);transition:.25s}.btn:hover{transform:translateY(-2px)}.primary{background:#fff;color:#0a0b10;border-color:#fff}.secondary{background:transparent}.hero-card{height:360px;border:1px solid var(--line);border-radius:28px;position:relative;overflow:hidden;background:linear-gradient(145deg,#151722,#0d0f15);box-shadow:0 30px 100px rgba(0,0,0,.4)}.hero-card-inner{position:absolute;inset:auto 28px 28px;padding:25px;border:1px solid rgba(255,255,255,.1);border-radius:20px;background:rgba(10,11,16,.55);backdrop-filter:blur(12px)}.hero-card h2{font:600 32px "Space Grotesk";margin:5px 0}.hero-card p,.info-card p,.feature-banner p,.footer p{color:var(--muted)}.card-label{font-size:10px;letter-spacing:2px;color:var(--accent2)}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb-one{width:250px;height:250px;background:rgba(155,124,255,.5);top:-50px;right:-30px}.orb-two{width:180px;height:180px;background:rgba(101,215,255,.3);bottom:80px;left:-40px}.section{padding:105px 0}.section-alt{background:var(--surface)}.section-title{font:600 clamp(32px,5vw,48px)/1.1 "Space Grotesk";letter-spacing:-1.5px;margin-bottom:18px}.section-text{font-size:18px;color:var(--muted)}.topic-grid,.info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.topic-card,.info-card{padding:30px;border:1px solid var(--line);border-radius:20px;background:var(--surface);transition:.25s}.topic-card:hover,.info-card:hover{transform:translateY(-5px);border-color:#444856}.topic-card h3{font:600 28px "Space Grotesk";margin:18px 0 8px}.topic-card p{color:var(--muted);min-height:75px}.topic-icon{font-size:30px}.arrow{display:inline-block;margin-top:20px;font-weight:700}.feature-banner{border:1px solid var(--line);border-radius:24px;padding:45px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:linear-gradient(120deg,var(--surface),#121824)}.feature-banner h2{font:600 34px "Space Grotesk";margin-bottom:8px}.footer{padding:65px 0 25px;border-top:1px solid var(--line);background:#08090d}.footer-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding-bottom:55px}.footer h3{margin-bottom:14px}.socials{display:flex;gap:18px;color:var(--muted)}.socials a:hover{color:#fff}.copyright{padding-top:20px;border-top:1px solid var(--line);font-size:13px;color:#737783}.page-hero{padding:120px 0 95px;border-bottom:1px solid var(--line)}.page-hero p:last-child{max-width:680px;color:var(--muted);font-size:19px;margin-top:22px}.anime-page{background:radial-gradient(circle at 75% 50%,rgba(255,100,170,.13),transparent 35%)}.chess-page{background:radial-gradient(circle at 75% 50%,rgba(255,255,255,.08),transparent 35%)}.ai-page{background:radial-gradient(circle at 75% 50%,rgba(80,220,255,.13),transparent 35%)}.info-card span{color:var(--accent2);font-weight:700;font-size:13px}.info-card h2{font:600 27px "Space Grotesk";margin:13px 0 7px}

@media(max-width:800px){.container{width:min(var(--max),calc(100% - 28px))}.nav{height:64px}.menu-toggle{display:block}.nav-links{display:none;position:absolute;top:64px;left:0;right:0;padding:18px 20px;background:#0b0c11;border-bottom:1px solid var(--line);flex-direction:column;gap:16px}.nav-links.open{display:flex}.hero{min-height:auto;padding:90px 0}.hero-content{grid-template-columns:1fr;gap:50px}.hero-card{height:300px}.topic-grid,.info-grid{grid-template-columns:1fr}.section{padding:75px 0}.feature-banner{padding:30px;align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr}.page-hero{padding:90px 0 70px}.hero h1,.page-hero h1{letter-spacing:-2px}}