*{box-sizing:border-box}body{margin:0;font:16px/1.6 system-ui,sans-serif;color:#e4e7eb;background:#0f1419}
a{color:#4fd1a5}header,main,footer{max-width:860px;margin:auto;padding:16px}h1{font-size:2rem;line-height:1.2}
.brand{font-weight:800;font-size:1.1rem;text-decoration:none;color:#e4e7eb}.brand span{color:#4fd1a5}
.card{background:#1a222c;border:1px solid #2a3542;border-radius:12px;padding:20px;box-shadow:0 1px 4px #0006;margin:16px 0}
label{display:block;margin:8px 0 2px;font-weight:600}input,select{width:100%;padding:10px;border:1px solid #3a4756;border-radius:8px;font-size:1rem;background:#0f1419;color:#e4e7eb}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px}
.result{font-size:1.6rem;font-weight:700;color:#4fd1a5}.btn{display:inline-block;background:#0b7a5c;color:#fff;padding:10px 16px;border-radius:8px;text-decoration:none}
.ad-slot{min-height:90px;border:2px dashed #3a4756;color:#7b8794;display:flex;align-items:center;justify-content:center;margin:16px 0;font-size:.8rem}
footer{font-size:.85rem;color:#9aa5b1;border-top:1px solid #2a3542;margin-top:24px}footer nav a{margin-right:14px}