body{margin:0;font:16px/1.6 system-ui;background:#f7f8fc;color:#0f172a} .container{max-width:1140px;margin:auto;padding:28px 16px} header,footer{background:#fff;border-bottom:1px solid #e2e8f0} footer{border-top:1px solid #e2e8f0} .card{background:#fff;border:1px solid #e2e8f0;border-radius:16px;padding:16px;box-shadow:0 10px 28px rgba(2,8,23,.06)} .grid{display:grid;gap:16px} .grid-3{grid-template-columns:repeat(3,minmax(0,1fr))} .badge{font-size:12px;padding:4px 8px;border:1px solid #e2e8f0;border-radius:999px;color:#475569} .badge-lang{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid #e2e8f0} .btn{display:inline-block;padding:10px 14px;border-radius:12px;background:linear-gradient(90deg,#2563eb,#7c3aed);color:#fff;font-weight:700;border:0} a{text-decoration:none;color:#2563eb} @media(max-width:900px){.grid-3{grid-template-columns:1fr}}