:root{--bg: #f9fafb;--text: #1f2937;--muted: #6b7280;--primary: #0ea5e9;--card: #ffffff;--shadow: 0 6px 16px rgba(0,0,0,.06);--radius: 16px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial,sans-serif;background:var(--bg);color:var(--text)}.container{max-width:480px;margin:0 auto;padding:20px 16px 32px}.header{text-align:center;margin-bottom:20px}.logo{width:84px;height:84px;object-fit:cover;border-radius:20px;box-shadow:var(--shadow);margin:8px auto 12px}h1{font-size:1.6rem;margin:0 0 6px}.intro{font-size:.98rem;color:var(--muted);margin:0 auto;max-width:30ch}.apps{display:flex;flex-direction:column;gap:14px;margin-top:20px}.card{background:var(--card);border-radius:var(--radius);padding:16px;box-shadow:var(--shadow)}.card-head{display:flex;align-items:center;justify-content:space-between}.card-title{font-size:1.1rem;margin:0}.badge{font-size:.75rem;background:#e0f2fe;color:#0369a1;padding:6px 10px;border-radius:999px;font-weight:600}.card-text{margin:8px 0 0;color:var(--muted);font-size:.95rem}.cta{display:flex;justify-content:center;margin:22px 0 10px}.cta-btn{display:inline-block;background:var(--primary);color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:600;box-shadow:var(--shadow)}.footer{text-align:center;color:var(--muted);font-size:.85rem;margin-top:18px}@media (min-width: 768px){.container{max-width:760px}.apps{display:grid;grid-template-columns:repeat(2,minmax(280px,1fr));gap:16px}}