*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 0,#075278,#031b2b 45%,#021520);color:#eefaff;font-family:Arial,sans-serif}.auth{width:min(430px,92%);padding:38px;background:rgba(8,40,58,.96);border:1px solid rgba(130,194,217,.18);border-radius:24px;box-shadow:0 25px 70px rgba(0,0,0,.32)}.logo{width:50px;height:50px;border-radius:15px;background:linear-gradient(135deg,#19d9d1,#398cff);display:grid;place-items:center;color:#032333;font-weight:900}.auth h1{margin:22px 0 8px}.auth>p{color:#8bb0c1;line-height:1.6}.auth form{display:grid;gap:17px;margin-top:25px}label{font-size:12px;color:#a6c3d0;display:grid;gap:8px}input{width:100%;padding:13px 14px;border:1px solid rgba(130,194,217,.2);border-radius:11px;background:#031f30;color:white;outline:none}input:focus{border-color:#19d9d1}button{padding:14px;border:0;border-radius:11px;background:linear-gradient(90deg,#19d9d1,#398cff);color:#032333;font-weight:800;cursor:pointer}.error,.success{padding:12px;border-radius:10px;font-size:12px}.error{background:#592c35}.success{background:#164d48}