*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;background:linear-gradient(135deg,#092b39,#30204e);font:17px Arial,sans-serif;color:#effbff;padding:24px}.auth-box{width:min(460px,100%);background:#102d3eee;border:1px solid #3e91a2;border-radius:24px;padding:28px;box-shadow:0 15px 60px #0005}.auth-box img{width:100%;border-radius:12px}h1{font-size:27px;margin:24px 0 12px}p{line-height:1.6;color:#c4e5ed}label{display:block;font-weight:700;margin:17px 0}input{display:block;width:100%;margin-top:8px;padding:13px;border:1px solid #73b7c6;border-radius:10px;font:18px Arial;color:#102e3e;direction:ltr}button{border:0;border-radius:12px;background:linear-gradient(#0cb3cb,#08758e);box-shadow:0 5px 0 #034656;color:white;font:bold 19px Arial;padding:15px;width:100%;cursor:pointer;margin:12px 0}.error{background:#662333;padding:12px;border-radius:10px;color:#fff}