body{background:linear-gradient(180deg,#f2f6ff 0%,#e6edf7 100%);font-family:Segoe UI,sans-serif}
.auth-wrap{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px}
.auth-card{background:#f9fcff;border-radius:18px;padding:36px;max-width:420px;width:100%;box-shadow:0 12px 32px rgba(18,38,63,.12)}
.logo{text-align:center;margin-bottom:22px}
.logo img{height:44px}
.tabs{display:flex;gap:10px;margin-bottom:22px}
.tabs a{flex:1;text-align:center;padding:10px 12px;border-radius:10px;border:2px solid #cfd9e6;color:#333;text-decoration:none;font-weight:600}
.tabs .active{border-color:#4aa3df;background:#eef7ff}
.form-control{height:50px;border-radius:10px}
.btn-main{height:52px;border-radius:30px;font-size:17px;font-weight:600;
background:linear-gradient(90deg,#2f2bb7,#67c5e7);color:#fff;border:none}
.small-link{text-align:center;margin-top:14px}
.small-link a{text-decoration:none}

@media (max-width: 576px){
  .auth-wrap{padding:16px}
  .auth-card{padding:22px;max-width:100%}
  .logo img{height:40px}
  .tabs{gap:8px}
  .tabs a{padding:10px;font-size:14px}
  .form-control{height:46px;font-size:14px}
  .btn-main{height:48px;font-size:16px}
}