/* TWZ PREMIUM COMPACT LOGIN V12 */

body:has(.twz-login-v11){
 background:#f3f7ff;
}

.twz-login-v11{
 width:100%;
 max-width:460px;
 min-height:100dvh;
 padding:18px 16px 28px;
 justify-content:center;
 gap:12px;
}

/* Compact header */
.twz11-visual{
 padding:23px 18px 19px;
 border-radius:21px;
 text-align:left;
 box-shadow:0 10px 26px #0755c51b;
 background:linear-gradient(125deg,#082f78,#075bd8);
}

.twz11-brand{
 font-size:21px;
 line-height:1.3;
 margin:0;
}

.twz11-subtitle{
 font-size:12px;
 margin:5px 0 14px;
}

.twz11-visual h2{
 font-size:16px;
 margin:0 0 5px;
}

.twz11-visual p{
 font-size:11px;
 opacity:.9;
}

.twz11-wifi{
 position:absolute;
 right:20px;
 top:52px;
 width:67px;
 height:65px;
 margin:0;
 transform:scale(.65);
 transform-origin:center;
 opacity:.65;
}

.twz11-perks{
 justify-content:flex-start;
 margin-top:13px;
 gap:6px;
}

.twz11-perks span{
 font-size:10px;
 padding:6px 9px;
 background:#ffffff13;
}

/* Remove distracting animation */
.twz11-wave,
.twz11-visual::before{
 animation:none!important;
}

/* Compact login card */
.twz11-form-card{
 padding:19px 17px!important;
 border-radius:19px!important;
 box-shadow:0 5px 20px #143b760b!important;
}

.twz11-form-card h2{
 font-size:20px;
 margin-bottom:5px;
}

.twz11-form-card>p{
 font-size:12px;
 margin-bottom:16px;
}

.twz11-field-label{
 font-size:13px;
 margin-bottom:8px;
}

.twz11-input-wrap{
 border-radius:12px;
 background:#f7faff;
 min-height:49px;
}

.twz11-input-wrap input{
 font-size:16px!important;
 padding:13px 0!important;
}

.twz11-login-btn{
 min-height:47px;
 padding:12px;
 font-size:15px;
 border-radius:12px;
 margin-top:13px;
}

.twz11-admin-link{
 margin-top:9px!important;
 font-size:11px!important;
}

.twz11-footer{
 font-size:10px;
 margin:0;
}

/* Error presentation */
.twz11-form-card .error,
.twz11-form-card .alert-danger,
.twz11-form-card [role="alert"]{
 background:#fff1f2;
 color:#b42336;
 border:1px solid #ffd3db;
 border-radius:11px;
 padding:10px 12px;
 font-size:12px;
 margin-bottom:12px;
}

/* Wider viewports */
@media(min-width:700px){
 .twz-login-v11{
  max-width:460px;
 }
}

/* Short mobile screen */
@media(max-height:780px){
 .twz-login-v11{
  justify-content:flex-start;
  padding-top:12px;
  gap:10px;
 }
 .twz11-visual{
  padding:17px;
 }
 .twz11-perks{
  margin-top:10px;
 }
}

@media(prefers-reduced-motion:reduce){
 *,*::before,*::after{
  scroll-behavior:auto;
 }
}