:root{--primary: #b91c3a;--primary-hover: #9a1630;--ink: #111827;--text-secondary: #4b5563;--text-muted: #9ca3af;--bg-page: #f9fafb;--bg-white: #ffffff;--border: #e5e7eb;--gold: #f59e0b;--primary-soft: rgba(185, 28, 58, .07);--radius: 18px;--radius-btn: 11px;--font-display: "Noto Serif SC", Georgia, serif;--font-body: Inter, system-ui, -apple-system, "Segoe UI", Roboto, "PingFang SC", "Microsoft YaHei", sans-serif;--ease: cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-body);color:var(--text-secondary);background:var(--bg-page);min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;-webkit-font-smoothing:antialiased}.container{max-width:760px;width:100%;text-align:center}.logo{width:76px;height:76px;border-radius:18px;margin:0 auto 22px;display:block;box-shadow:0 6px 18px #1118271f}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:2px;color:#d97706;margin-bottom:14px}.eyebrow:before,.eyebrow:after{content:"";width:18px;height:1px;background:linear-gradient(90deg,transparent,var(--gold))}.eyebrow:after{background:linear-gradient(90deg,var(--gold),transparent)}h1{font-family:var(--font-display);color:var(--ink);font-size:2.4rem;font-weight:700;letter-spacing:2px;margin-bottom:12px}.subtitle{color:var(--text-secondary);font-size:1.05rem;margin-bottom:3rem}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:18px;max-width:660px;margin:0 auto 2.5rem}.card{background:var(--bg-white);border:1px solid var(--border);border-radius:var(--radius);padding:44px 28px 36px;box-shadow:0 1px 2px #1118270a,0 8px 28px #11182712;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s var(--ease)}.card:hover{transform:translateY(-4px);box-shadow:0 14px 40px #1118271f;border-color:#b91c3a33}.icon-tile{width:60px;height:60px;margin:0 auto 18px;display:flex;align-items:center;justify-content:center;background:var(--primary-soft);border-radius:14px}.icon-tile svg{width:34px;height:34px;fill:var(--primary)}.icon-android{background:#3ddc841f}.icon-android svg{fill:#3ddc84}.icon-ios{background:#007aff1a}.icon-ios svg{fill:#007aff}.card h2{font-family:var(--font-display);font-size:1.5rem;color:var(--ink);margin-bottom:8px;font-weight:700;letter-spacing:1px}.desc{color:var(--text-muted);font-size:.95rem;margin-bottom:1.8rem}.btn{display:inline-block;width:100%;max-width:240px;padding:13px 28px;border-radius:var(--radius-btn);font-weight:600;letter-spacing:1px;text-decoration:none;color:#fff;font-size:1rem;background:var(--primary);border:1px solid var(--primary);transition:background .18s var(--ease),border-color .18s var(--ease)}.btn:hover{background:var(--primary-hover);border-color:var(--primary-hover)}.back{margin-top:2.2rem}.back a{color:var(--text-muted);text-decoration:none;font-size:.95rem;transition:color .2s}.back a:hover{color:var(--primary)}@media(max-width:640px){body{padding:18px}h1{font-size:2rem}.subtitle{font-size:.95rem;margin-bottom:2rem}.cards{gap:14px}.card{padding:36px 22px 30px}.card h2{font-size:1.35rem}.desc{font-size:.9rem;margin-bottom:1.4rem}}
