:root{--bg:#0a0d14;--card:#141a27;--card2:#171e2d;--ink:#e9edf5;--mut:#8b95ab;--line:rgba(255,255,255,.08);--line2:rgba(255,255,255,.16);--accent:#52f756;--accent-d:#2fd457;--accent-glow:rgba(82,247,86,.3);--mem:#5aa0e6;--shadow:0 8px 30px rgba(0,0,0,.45)}*{box-sizing:border-box}html,body{margin:0;height:100%}body{color:var(--ink);font:15px/1.6 -apple-system,Segoe UI,Roboto,sans-serif;background:radial-gradient(1200px 700px at 20% -5%,#132038 0%,transparent 55%),radial-gradient(1000px 600px at 100% 0%,#0f1b2e 0%,transparent 50%),var(--bg);background-attachment:fixed;-webkit-font-smoothing:antialiased}.wrap{max-width:960px;margin:0 auto;padding:28px 24px 70px}.brandbar{display:flex;align-items:center;gap:12px;margin:0 0 34px;padding-bottom:14px;border-bottom:1px solid var(--line)}.logo-img{height:22px;width:auto;display:block}.brandbar .btag{margin-left:auto;font-size:10.5px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}.crumb{display:inline-flex;align-items:center;gap:8px;margin:0 0 18px;cursor:pointer;font:inherit;color:var(--mut);background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:7px 12px;font-size:13px;font-weight:600;transition:border-color .15s,color .15s}.crumb:hover{border-color:var(--line2);color:var(--ink)}.hero{text-align:center;margin:6px 0 40px}h1{font-size:30px;font-weight:650;margin:0 0 8px;letter-spacing:-.015em}.sub{color:var(--mut);font-size:14.5px;margin:0 auto;max-width:560px}.grid{display:grid;grid-template-columns:1fr 1fr;gap:22px}@media(max-width:680px){.grid{grid-template-columns:1fr}}.card{display:flex;flex-direction:column;text-align:left;cursor:pointer;font:inherit;color:inherit;background:linear-gradient(180deg,var(--card2),var(--card));border:1px solid var(--line);border-radius:18px;padding:26px 24px 24px;box-shadow:var(--shadow);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.card:hover{transform:translateY(-4px);border-color:var(--line2);box-shadow:0 16px 44px rgba(0,0,0,.55)}.ico{width:56px;height:56px;border-radius:14px;display:flex;align-items:center;justify-content:center;margin-bottom:18px;border:1px solid var(--line)}.ico.anim{background:radial-gradient(circle at 30% 30%,rgba(82,247,86,.18),transparent 70%)}.ico.tool{background:radial-gradient(circle at 30% 30%,rgba(90,160,230,.2),transparent 70%)}.ico.guide{background:radial-gradient(circle at 30% 30%,rgba(185,139,255,.2),transparent 70%)}.tag{font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--mut);margin-bottom:6px}.ct{font-size:19px;font-weight:640;margin:0 0 8px;letter-spacing:-.01em}.cd{color:var(--mut);font-size:13.5px;margin:0 0 20px;flex:1}.go{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;font-weight:600;color:var(--accent)}.go svg{transition:transform .18s ease}.card:hover .go svg{transform:translateX(4px)}.foot{margin-top:44px;text-align:center;color:var(--mut);font-size:12px}.screen{display:none}.screen.on{display:block}#view{position:fixed;inset:0;z-index:50;display:none;flex-direction:column;background:var(--bg)}#view.on{display:flex}.topbar{display:flex;align-items:center;gap:14px;padding:10px 16px;border-bottom:1px solid var(--line);background:rgba(10,13,20,.9);backdrop-filter:blur(6px)}.back{display:inline-flex;align-items:center;gap:7px;cursor:pointer;font:inherit;color:var(--ink);background:var(--card2);border:1px solid var(--line);border-radius:10px;padding:8px 13px;font-size:13.5px;font-weight:600;transition:border-color .15s}.back:hover{border-color:var(--line2)}.vtitle{font-size:14px;font-weight:600}.vtag{margin-left:auto;font-size:10.5px;color:var(--mut);letter-spacing:.14em;text-transform:uppercase}#frame{flex:1;width:100%;border:0;background:var(--bg)}