*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 95% 0,#17404b,#08101d 48%);color:#edf7fb;font:16px/1.6 system-ui,Arial}.wrap{max-width:1040px;margin:auto;padding:24px}a{color:#70e9dc}h1,h2{color:#ffd575;line-height:1.2}h1{font-size:clamp(2rem,5vw,3.1rem)}h3{color:#80e8de}.tag{color:#8bdcd8;font-weight:700;letter-spacing:.1em}.hero{padding:24px 0}.lead{font-size:1.3rem;color:#a9e9e3}.resources,.tiles,.row{display:flex;flex-wrap:wrap;gap:12px}.resource,.btn{display:inline-block;border:0;border-radius:11px;background:#e8bf65;color:#10212b;text-decoration:none;padding:11px 15px;font-weight:700;cursor:pointer;font-size:1rem}.alt{background:#164453;color:#e8fcfc;border:1px solid #4a949c}section,.tile{background:#0d2130;border:1px solid #2b6975;border-radius:18px;padding:23px;margin:18px 0}.tile{flex:1 1 210px;margin:0;display:flex;flex-direction:column}.tile .btn{margin-top:auto;text-align:center}input,textarea,select{background:#061725;color:#fff;border:1px solid #448b98;border-radius:8px;padding:10px;font:inherit;max-width:100%}input[type=number]{width:135px}label{display:block;margin:12px 0}.result,.formula{background:#061725;border-radius:9px;padding:14px;margin:12px 0;white-space:pre-wrap;overflow-wrap:anywhere}.note{color:#b3d2d9}.good{color:#8ee9b2}.bad{color:#ffafa7}table{border-collapse:collapse;width:100%}td,th{padding:8px;border:1px solid #3c7581;text-align:center}.bar{height:18px;background:#1a4553;border-radius:5px;overflow:hidden}.bar>div{height:100%;background:#e8bf65}.chartrow{display:grid;grid-template-columns:35px 1fr 45px;gap:8px;align-items:center;margin:4px 0}footer{padding:25px 0;color:#99c2ca}@media(max-width:600px){.wrap{padding:13px}section{padding:16px}}
.hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,0.85fr);gap:24px;align-items:center}.hero-image{display:block;width:100%;border-radius:18px;border:1px solid #3b7784;object-fit:cover}@media(max-width:700px){.hero{grid-template-columns:1fr}}