/* ── RAFZ VISUALS — Auth Modal Styles ── */

.auth-modal-overlay{position:fixed;inset:0;background:rgba(44,44,44,.55);z-index:2000;display:none;align-items:center;justify-content:center;backdrop-filter:blur(6px);}
.auth-modal-overlay.open{display:flex;}
.auth-modal{background:var(--white);border-radius:20px;padding:36px;width:100%;max-width:400px;position:relative;animation:modalUp .25s ease;max-height:90vh;overflow-y:auto;margin:16px;}
.am-close{position:absolute;top:14px;right:14px;width:30px;height:30px;border-radius:50%;background:var(--light);border:none;cursor:pointer;font-size:14px;}
.am-title{font-family:'Bebas Neue',sans-serif;font-size:26px;color:var(--dark);letter-spacing:1px;margin-bottom:20px;}
.am-tabs{display:flex;gap:8px;background:var(--light);border-radius:10px;padding:4px;margin-bottom:20px;}
.am-tab{flex:1;padding:8px;border:none;border-radius:8px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;background:transparent;color:var(--muted);}
.am-tab.active{background:var(--white);color:var(--dark);box-shadow:0 2px 8px rgba(0,0,0,.08);}
.am-form{display:flex;flex-direction:column;gap:10px;}
.am-form.hidden{display:none;}
.am-input{width:100%;padding:12px 16px;border:1.5px solid var(--border);border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;background:var(--light);color:var(--dark);outline:none;}
.am-input:focus{border-color:var(--pink);background:var(--white);}
.am-submit{width:100%;padding:12px;background:var(--dark);color:var(--white);border:none;border-radius:10px;font-family:'DM Sans',sans-serif;font-size:14px;font-weight:600;cursor:pointer;}
.am-submit:hover{background:var(--pink);}
.am-divider{display:flex;align-items:center;gap:10px;font-size:12px;color:#aaa;}
.am-divider::before,.am-divider::after{content:'';flex:1;height:1px;background:var(--border);}
.am-social{width:100%;padding:11px;background:var(--white);border:1.5px solid var(--border);border-radius:10px;display:flex;align-items:center;justify-content:center;gap:10px;font-family:'DM Sans',sans-serif;font-size:13px;font-weight:500;cursor:pointer;}
.am-social:hover{border-color:var(--pink);}
.am-forgot{text-align:center;font-size:12px;color:var(--muted);cursor:pointer;}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .auth-modal{padding:24px 16px!important;margin:8px!important;}
}
@media(max-width:480px){
  .auth-modal{padding:20px 12px!important;}
}