body{font-family:Arial,sans-serif;background:#f4f7fb;margin:0;padding:30px;color:#1b2430}.box{max-width:700px;margin:auto;background:#fff;padding:30px;border-radius:18px;box-shadow:0 10px 30px rgba(0,0,0,.08)}h1{text-align:center}.grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}label{display:flex;flex-direction:column;font-weight:bold}input{padding:10px;margin-top:6px}button{margin-top:20px;padding:12px 20px;background:#172033;color:#fff;border:0;border-radius:8px;font-weight:bold;cursor:pointer}.result{margin-top:25px;background:#eef5ff;padding:18px;border-radius:10px;text-align:center}.links{margin-top:30px;background:#f8fafc;padding:18px;border-radius:10px}.links a{color:#2457a6;font-weight:bold}@media(max-width:600px){.grid{grid-template-columns:1fr}}