:root{font-family:Arial,sans-serif;color:#18324a;background:#f4f7fa}*{box-sizing:border-box}body{margin:0}header,footer{padding:20px max(24px,calc((100% - 1100px)/2));background:#fff;display:flex;gap:30px;justify-content:space-between}nav{display:flex;gap:18px}.brand{font-size:22px;font-weight:700}a{color:#087c86;text-decoration:none}main{max-width:1100px;margin:0 auto;padding:50px 24px;min-height:75vh}.hero{max-width:720px;margin:auto}.card,.tile,.material{background:#fff;border-radius:18px;padding:28px;box-shadow:0 8px 30px #18324a12}label{display:block;font-weight:700;margin-bottom:8px}.row{display:flex;gap:10px}input{flex:1;padding:14px;border:1px solid #b7c4ce;border-radius:10px;font-size:17px}button,.button{background:#087c86;color:#fff;border:0;border-radius:10px;padding:14px 22px;font-weight:700;display:inline-block}.result{margin-top:24px;padding:20px;border-radius:12px}.good{background:#e7f8ef}.bad{background:#fff0f0}.result strong{font-size:20px}.result dl{display:grid;grid-template-columns:160px 1fr}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.tile img,.cover{max-width:100%;height:auto;border-radius:12px}.body{line-height:1.65}@media(max-width:600px){header,.row{flex-direction:column}.result dl{grid-template-columns:1fr}}