:root{--bg:#f5f7fb;--surface:#fff;--surface-2:#eef2ff;--text:#0f172a;--muted:#475569;--line:#dbe2ef;--primary:#2563eb;--primary-soft:#dbeafe;--ok:#16a34a}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0;padding:0;font-family:Inter,Segoe UI,system-ui,-apple-system,sans-serif}a{color:inherit;text-decoration:none}.mobile-shell{border-left:1px solid var(--line);border-right:1px solid var(--line);background:linear-gradient(#fff 0%,#f6f8ff 60%,#eef2ff 100%);flex-direction:column;width:100%;max-width:460px;min-height:100dvh;margin:0 auto;display:flex}.top{padding:20px 16px 10px}.top h1{margin:0;font-size:1.35rem}.top p{color:var(--muted);margin:6px 0 0;font-size:.9rem}.cards{gap:12px;padding:12px 16px 100px;display:grid}.card{border:1px solid var(--line);background:var(--surface);border-radius:16px;padding:14px}.card h2{text-transform:uppercase;letter-spacing:.04em;color:var(--muted);margin:0 0 6px;font-size:.92rem}.card p{margin:0;font-size:.95rem;line-height:1.5}.badge{background:var(--primary-soft);color:var(--primary);border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:.75rem;font-weight:600;display:inline-flex}.bottom-nav{border:1px solid var(--line);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff2;border-radius:16px;grid-template-columns:repeat(3,1fr);gap:8px;width:calc(100% - 20px);max-width:440px;padding:8px;display:grid;position:fixed;bottom:10px;left:50%;transform:translate(-50%)}.bottom-item{color:var(--muted);background:0 0;border:0;border-radius:10px;padding:8px 6px;font-size:.75rem}.bottom-item.active{background:var(--primary-soft);color:var(--primary);font-weight:600}@media (min-width:900px){.mobile-shell{border:1px solid var(--line);border-radius:18px;max-width:760px;margin-top:18px;margin-bottom:18px;overflow:hidden}.cards{grid-template-columns:repeat(2,minmax(0,1fr))}.bottom-nav{max-width:520px}}