@import url('https://fonts.googleapis.com/css2?family=Lexend:wght@400;600;700&display=swap');

*{box-sizing:border-box;font-family:'Lexend',sans-serif}
body{margin:0;background:#f7f7fb;color:#555}
.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:30px 15px}
.auth-wrapper{width:100%;max-width:410px;background:#fff;border-radius:28px;overflow:hidden;padding:0;box-shadow:0 20px 45px rgba(80,40,180,.18)}
.auth-header{margin:0;padding:55px 25px 38px;text-align:center;background:linear-gradient(135deg,#7b3cff,#4b16d8);color:#fff}
.auth-header h3{color:#fff;font-size:30px;margin:20px 0 8px;font-weight:700}
.auth-header p{color:#e7dcff;margin:0;font-size:16px}
.auth-logo{display:flex;justify-content:center}
.auth-logo img,.logo{width:125px;height:125px;object-fit:contain;background:#fff;border-radius:20px;padding:15px;box-shadow:0 10px 25px rgba(0,0,0,.15)}
.form-area,.auth-wrapper form{padding:30px 34px 35px}
.form-group{margin-bottom:22px}
.form-label{display:block;color:#444;font-size:13px;font-weight:700;margin-bottom:10px;text-transform:uppercase}
.form-control{width:100%;height:62px;border:1px solid #e5e5ea;border-radius:18px;padding:0 20px;font-size:15px;outline:none;background:#fff}
.form-control:focus{border-color:#7038ef}
.btn,.btn-primary{width:100%;height:62px;border:0;border-radius:18px;background:linear-gradient(90deg,#7b3cff,#4f18d8)!important;color:#fff!important;font-size:17px;font-weight:700;cursor:pointer}
.auth-footer,.forgot-password{text-align:center;margin-top:22px;color:#666}
.auth-footer a,.forgot-password a{color:#5b36ef;font-weight:700}
@media(max-width:500px){.auth-wrapper{border-radius:24px}.auth-header{padding-top:45px}}