:root{--primary:#ffc107;--on-primary:#424242;--primary-container:#ffe082;--on-primary-container:#595959;--bg:#f5f7fa;--on-bg:#1a1c1e;--surface:#fff;--on-surface:#1a1c1e;--surface-variant:#e0e0e0;--outline:#b0bec5;--slate-100:#f1f5f9;--slate-300:#cbd5e1;--slate-500:#64748b;--slate-700:#334155}*{box-sizing:border-box}body{background:var(--bg);color:var(--on-bg);margin:0;font-family:Arial,Helvetica,sans-serif}main{background:var(--bg);min-height:100dvh}.wrap{max-width:960px;margin:0 auto;padding:32px 20px 64px}.hero{background:linear-gradient(180deg, var(--primary) 0%, var(--primary-container) 100%);color:var(--on-primary);border-bottom:1px solid var(--surface-variant)}.heroInner{gap:8px;max-width:960px;margin:0 auto;padding:48px 20px;display:grid}.title{letter-spacing:-.01em;margin:0;font-size:clamp(28px,4vw,40px);font-weight:800}.appIcon{border:1px solid #2a2d33;border-radius:10px}.subtitle{color:#000000e6;margin:0;font-size:clamp(16px,2.4vw,18px)}.card{background:var(--surface);color:var(--on-surface);border:1px solid var(--slate-300);border-radius:14px;padding:20px;box-shadow:0 6px 20px #1565c00f}.card+.card{margin-top:16px}h2{color:var(--slate-700);margin:0 0 8px;font-size:20px}p,li{color:var(--on-surface);font-size:16px;line-height:1.65}.meta{color:var(--slate-500);flex-wrap:wrap;gap:12px;margin-top:6px;font-size:14px;display:flex}.badge{background:var(--slate-100);border:1px solid var(--slate-300);color:var(--slate-700);border-radius:999px;padding:6px 10px;font-size:12px;font-weight:600;display:inline-block}a.link{color:var(--slate-700);border-bottom:1px dashed #1565c059;text-decoration:none}a.link:hover{opacity:.85}