*{box-sizing:border-box}body{margin:0;font-family:Arial,sans-serif;background:#0f172a;color:#e2e8f0}main{max-width:760px;margin:40px auto;padding:24px;background:#111827;border:1px solid #374151;border-radius:14px}h1{margin-top:0}form{grid-gap:12px;gap:12px}form,label{display:grid}label{grid-gap:6px;gap:6px;font-weight:600}button,input,select{font:inherit;padding:10px;border-radius:8px;border:1px solid #4b5563}input,select{background:#0b1220;color:#e2e8f0}button{background:#0284c7;border-color:#0284c7;color:#fff;cursor:pointer}button:hover{background:#0369a1}.result{margin-top:18px;padding:14px;border-radius:8px;background:#0b1220;border:1px solid #334155}