*{box-sizing:border-box}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(135deg,#fff4e6,#e8f0ff);color:#1e2240}
header{background:linear-gradient(120deg,#0b6e4f,#12b5a6 55%,#ffc23d);color:#fff;padding:28px 20px 34px;text-align:center}
header h1{margin:0;font-size:clamp(26px,5vw,42px);letter-spacing:-.5px}header p{margin:8px 0 0;opacity:.95}
nav{display:flex;gap:8px;justify-content:center;flex-wrap:wrap;margin-top:16px}nav a{background:rgba(255,255,255,.2);color:#fff;text-decoration:none;padding:7px 14px;border-radius:999px;font-weight:600}nav a.on{background:#fff;color:#0b6e4f}
main{max-width:860px;margin:-18px auto 40px;padding:0 16px}
.card{background:#fff;border-radius:18px;box-shadow:0 8px 30px rgba(20,30,80,.1);padding:22px;margin-bottom:18px}
.warn{background:#fff7d6;border-left:6px solid #ffc23d;padding:12px 16px;border-radius:10px;font-size:14px}
label{display:block;font-weight:600;margin:12px 0 4px}input,select{width:100%;padding:11px 12px;font-size:17px;border:2px solid #d7dcef;border-radius:10px}input:focus,select:focus{outline:none;border-color:#12b5a6}
.row{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:600px){.row{grid-template-columns:1fr}}
.out{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:12px;margin-top:18px}
.tile{border-radius:14px;padding:14px;background:#eef8f6}.tile b{display:block;font-size:24px;margin-top:4px}.tile.big{background:#0b6e4f;color:#fff}.tile.red{background:#ffe6ea}
table{width:100%;border-collapse:collapse;font-size:15px}td{padding:6px 4px;border-bottom:1px solid #eef}td:last-child{text-align:right;font-variant-numeric:tabular-nums}
h2{margin-top:0}small,.src{color:#667;font-size:13px}footer{text-align:center;font-size:13px;color:#667;padding:20px}
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}.grid3 a{display:block;text-decoration:none;color:inherit}

nav a.lang{background:#ffc23d;color:#1e2240}
