*{box-sizing:border-box}body{margin:0;min-height:100vh;font-family:system-ui,Arial;background:linear-gradient(120deg,#ff3cac,#784cff,#00c9ff,#00e5a8,#ffd43b);background-size:400% 400%;animation:bg 12s ease infinite;display:grid;place-items:center;color:#28224e}.box{width:min(430px,94vw);background:#fffffff2;border:3px solid #fff;border-radius:28px;padding:28px;box-shadow:0 25px 70px #42136a66}.logo{font-size:42px;text-align:center}.title{text-align:center;margin:6px 0 4px}.sub{text-align:center;color:#777294;margin-bottom:22px}.field{margin:12px 0}.field label{display:block;font-weight:800;font-size:13px;margin-bottom:6px}.field input{width:100%;padding:14px;border:2px solid #e5defc;border-radius:14px;outline:0;font-size:15px}.field input:focus{border-color:#7b5cff}.btn{width:100%;border:0;border-radius:14px;padding:15px;background:linear-gradient(100deg,#ff3cac,#784cff,#00c9ff);color:white;font-weight:900;font-size:15px;cursor:pointer}.link{text-align:center;margin-top:15px;color:#665b8a}.link a{color:#674cff;font-weight:900;text-decoration:none}.error{background:#ffe1ec;color:#b32155;padding:11px;border-radius:12px;margin-bottom:12px;font-weight:700}.back{display:block;text-align:center;margin-top:16px;color:#6b6090;text-decoration:none}@keyframes bg{50%{background-position:100% 50%}}