*{box-sizing:border-box;margin:0;padding:0;font-family:Arial,sans-serif}body{background-color:#0000;background-image:radial-gradient(circle at 20% 20%,#0096ff14 2px,#0000 2px),radial-gradient(circle at 80% 40%,#0096ff14 2px,#0000 2px),radial-gradient(circle at 40% 80%,#0096ff14 2px,#0000 2px);background-position:0 0;background-repeat:repeat;background-size:auto;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;justify-content:center;align-items:center;min-height:100vh;display:flex}.container{text-align:center;background:#fff;border-radius:12px;width:420px;padding:30px;box-shadow:0 15px 40px #00000026}h1{color:#2c3e50;margin-bottom:5px}.subtitle{color:#7f8c8d;margin-bottom:25px;font-size:14px}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}input{border:1px solid #dcdcdc;border-radius:6px;width:100%;padding:10px;font-size:14px}button{color:#fff;cursor:pointer;background:#2ecc71;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px;font-size:16px;transition:all .3s}button:hover{background:#27ae60}.result{background:#ecf0f1;border-radius:6px;margin-top:20px;padding:15px;font-weight:700}