:root{--blue:#06329d;--blue-deep:#041f66;--blue-light:#1f4fd1;--yellow:#ffd60a;--yellow-dark:#e6bf00}*{box-sizing:border-box;margin:0;padding:0}html{background:var(--blue-deep)}body{color:#fff;-webkit-font-smoothing:antialiased;background:var(--blue-deep) radial-gradient(ellipse 120% 70% at 50% 0%, var(--blue-light) 0%, var(--blue) 45%, var(--blue-deep) 100%) no-repeat;min-height:100vh;font-family:Inter,system-ui,sans-serif}.page{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:40px 20px;display:flex}.field{background:#fff;border-radius:999px;gap:10px;width:100%;max-width:520px;padding:6px;display:flex;box-shadow:0 20px 60px #0000004d}.field:focus-within{box-shadow:0 0 0 4px #ffd60a73}.field.error{box-shadow:0 0 0 4px #ff5a5ab3}.field input{min-width:0;font:inherit;color:#111;background:0 0;border:0;outline:0;flex:1;padding:12px 18px;font-size:16px}.field input::placeholder{color:#8a8fa3}.field button{cursor:pointer;font:inherit;color:#111;background:var(--yellow);white-space:nowrap;border:0;border-radius:999px;padding:12px 22px;font-size:15px;font-weight:700;transition:background .15s}.field button:hover{background:var(--yellow-dark)}.field button:disabled{opacity:.7;cursor:wait}@media (max-width:560px){.field{border-radius:18px;flex-direction:column;padding:8px}.field button{width:100%}}