*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#0b0a12;color:#f4f1ff;line-height:1.5}.hero{text-align:center;padding:55px 20px 35px;background:linear-gradient(180deg,#171229,#0b0a12)}.badge{display:inline-block;font-weight:800;letter-spacing:4px;font-size:13px;color:#c8a7ff;margin-bottom:10px}.hero h1{font-size:clamp(38px,7vw,68px);margin:0}.hero p{color:#aaa3bd;margin:10px 0 0}.container{max-width:900px;margin:auto;padding:20px}.card{background:#15121f;border:1px solid #2b2540;border-radius:18px;padding:24px;margin:18px 0;box-shadow:0 12px 30px rgba(0,0,0,.2)}.card h2{margin-top:0}.card p{color:#b7b0c8}.grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media(max-width:650px){.grid{grid-template-columns:1fr}}label{display:block;margin:14px 0;color:#d8d1e7;font-weight:700}select,input{display:block;width:100%;margin-top:7px;padding:13px 14px;border-radius:10px;border:1px solid #39304f;background:#0e0c16;color:#fff;font-size:16px}button{border:0;border-radius:10px;padding:13px 18px;background:#8e5cf7;color:#fff;font-weight:800;cursor:pointer;margin-top:8px}button:hover{filter:brightness(1.08)}.result{margin-top:15px;padding:16px;border-radius:12px;background:#0d0b14;border:1px solid #332b48;color:#e9e2ff;font-size:18px;font-weight:700;min-height:54px}.note{font-size:13px!important;color:#91899f!important}.muted{font-weight:400;color:#777080}footer{text-align:center;padding:35px;color:#777080;font-size:13px}