*{box-sizing:border-box}body{margin:0;min-height:100dvh;display:grid;place-items:center;padding:24px 16px;background:#0b2a55;color:#0e1a2b;font:15px/1.4 -apple-system,BlinkMacSystemFont,'SF Pro Text','Inter','Segoe UI',Roboto,sans-serif;overflow:hidden}.art{position:fixed;inset:0;z-index:-1;overflow:hidden}.art span{position:absolute;border-radius:50%;filter:blur(70px);animation:drift 6.5s ease-in-out infinite alternate}.art span:nth-child(1){width:70vmax;height:70vmax;left:-25vmax;top:-30vmax;background:#1765b8}.art span:nth-child(2){width:55vmax;height:55vmax;right:-20vmax;top:10vmax;background:#14a08f;animation-duration:7.5s;animation-delay:-2.5s}.art span:nth-child(3){width:45vmax;height:45vmax;left:10vmax;bottom:-25vmax;background:#3db54a;opacity:.7;animation-duration:5.5s;animation-delay:-3.5s}@keyframes drift{to{transform:translate(6vmax,4vmax) scale(1.08)}}@media (prefers-reduced-motion:reduce){.art span{animation:none}}main{position:relative;width:min(400px,100%);padding:36px 32px 32px;background:#fff;border-radius:22px;box-shadow:0 24px 60px rgba(5,20,45,.35)}.logo{position:absolute;left:50%;bottom:calc(100% + 32px);width:84px;height:auto;transform:translateX(-50%)}h1{margin:0 0 8px;font-size:26px;letter-spacing:-.5px}p{margin:0;color:#4d5a6b}.error{margin-top:16px;padding:12px 14px;border-radius:14px;background:#fdeef0;color:#b4233c}label{display:block;margin:28px 0 8px;font-weight:600;font-size:14px}input,button{font:inherit;width:100%;height:50px;border-radius:14px}input{padding:0 16px;border:0;background:#f4f6f9;color:inherit}input:focus{outline:2px solid #0a63c9;outline-offset:2px}button{margin-top:16px;border:0;border-radius:999px;background:#0b2a55;color:#fff;font-weight:600;cursor:pointer}button:hover{background:#123f7a}