@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Space+Grotesk:wght@400;500;600;700&display=swap');
:root{--ink:#17131f;--muted:#766f82;--line:#e9e4ee;--violet:#a78bfa}*{box-sizing:border-box}body{margin:0;background:#fbfafc;color:var(--ink);font-family:'Space Grotesk',sans-serif}.shell{max-width:1180px;margin:auto;padding:0 34px}nav{height:88px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:60px}.brand{font-weight:700;letter-spacing:.1em;font-size:15px}.brand span{color:#9b70ff;font-size:24px;vertical-align:-2px;margin-right:7px}.nav-links{display:flex;gap:28px;flex:1}.nav-links a,.view,footer a{color:var(--muted);font-size:13px;text-decoration:none}.nav-links .active{color:var(--ink);font-weight:600}.login{border:1px solid #dcd4e5;background:white;border-radius:24px;padding:11px 18px;font:500 12px inherit}.hero{display:flex;min-height:410px;align-items:center;justify-content:space-between}.eyebrow{font:500 10px 'DM Mono',monospace;letter-spacing:.16em;color:#9b70ff;margin:0 0 18px}.hero h1{font-size:76px;line-height:.93;letter-spacing:-.07em;margin:0}.hero h1 em{font-style:normal;color:#9b70ff}.intro{color:var(--muted);max-width:430px;line-height:1.6;font-size:15px;margin:25px 0}.primary{background:var(--ink);border:0;border-radius:25px;color:white;padding:14px 20px;font:600 13px inherit}.primary span,.view span{margin-left:14px}.orb{width:310px;height:310px;border-radius:50%;background:linear-gradient(145deg,#ded2ff,#9d76ef);position:relative;display:grid;place-items:center;box-shadow:0 25px 50px #c9b6e766}.beast{font-size:110px;color:white;text-shadow:0 12px 8px #6943a866;z-index:2}.orbit{position:absolute;border:1px solid #ffffff88;border-radius:50%;inset:25px}.orbit.two{inset:53px;transform:rotate(55deg) scaleX(.42)}.section-head{display:flex;align-items:end;justify-content:space-between;border-top:1px solid var(--line);padding-top:30px}.section-head h2{font-size:30px;letter-spacing:-.04em;margin:0 0 24px}.view{margin-bottom:28px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:70px}.card{border-radius:14px;padding:20px;min-height:270px;overflow:hidden}.violet{background:#eee9ff}.orange{background:#fff0d8}.blue{background:#e3f2f5}.card-top,.stats{display:flex;justify-content:space-between;font:500 9px 'DM Mono';letter-spacing:.08em}.rarity{color:#8b69d8}.type{color:#857d90}.creature{text-align:center;font-size:82px;height:120px;padding-top:20px;color:#966be9}.orange .creature{color:#ed9440}.blue .creature{color:#4eabb5}.card h3{font-size:21px;margin:8px 0 4px;letter-spacing:-.04em}.card p{color:var(--muted);font-size:12px;margin:0 0 20px}.stats{border-top:1px solid #ffffffaa;padding-top:12px;color:#82778f;font-size:9px}footer{border-top:1px solid var(--line);padding:22px 0 30px;display:flex;justify-content:space-between;color:var(--muted);font:500 10px 'DM Mono';letter-spacing:.08em}footer small{margin-left:10px;color:#b6afbd}@media(max-width:700px){.shell{padding:0 20px}.nav-links{display:none}.hero{min-height:580px;display:block;padding-top:70px}.hero h1{font-size:60px}.orb{width:220px;height:220px;margin:48px auto}.cards{grid-template-columns:1fr}.section-head h2{font-size:25px}footer{display:block;line-height:2.4}}
body.dark{--ink:#f5f1ff;--muted:#b8afc8;--line:#342d43;background:#12101a;color:var(--ink)}body.dark nav,body.dark footer{border-color:var(--line)}body.dark .login,body.dark input{background:#211c2b;color:var(--ink);border-color:#4a3e5c}.theme-toggle{border:1px solid #dcd4e5;background:transparent;border-radius:18px;padding:8px 12px;color:inherit;font:500 11px inherit;margin-right:10px}.account-name{font-size:12px;font-weight:600}.logout{margin-left:10px;color:#9b70ff;font-size:12px;text-decoration:none}