body{min-height:100vh;background:linear-gradient(135deg,#f0fdf4 0%,#e0f2fe 100%);
     display:flex;align-items:center;justify-content:center;padding:1.5rem 1rem;}
.auth-card{background:#fff;border-radius:var(--radius);padding:2.25rem;
           width:100%;max-width:460px;box-shadow:var(--shadow-lg);
           animation:slideUp .4s ease both;}
@keyframes slideUp{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
.pass-strength{height:4px;border-radius:2px;background:var(--border);
               margin-top:.4rem;overflow:hidden;}
.pass-strength-bar{height:100%;border-radius:2px;width:0;transition:width .3s,background .3s;}
.show-pass{position:absolute;right:.75rem;top:50%;transform:translateY(-50%);
           border:none;background:none;color:var(--muted);cursor:pointer;font-size:.9rem;}
.req-item{font-size:.72rem;color:var(--muted);display:flex;align-items:center;
          gap:.35rem;margin-bottom:.2rem;transition:color .2s;}
.req-item.met{color:var(--green);}
.req-item i{font-size:.7rem;}
.phone-prefix{position:absolute;left:.85rem;top:50%;transform:translateY(-50%);
              font-weight:700;color:var(--dark);font-size:.88rem;pointer-events:none;
              border-right:1.5px solid var(--border);padding-right:.65rem;}
.phone-wrap .form-control{padding-left:3.5rem!important;}
.btn-google{display:flex;align-items:center;justify-content:center;gap:.65rem;
            width:100%;padding:.7rem;background:#fff;color:#333;
            border:1.5px solid var(--border);border-radius:var(--radius-sm);
            font-weight:600;font-size:.85rem;cursor:pointer;transition:all .2s;
            text-decoration:none;margin-bottom:1rem;}
.btn-google:hover{border-color:#aaa;box-shadow:var(--shadow-sm);color:#222;}
.divider{display:flex;align-items:center;gap:.75rem;margin:1.1rem 0;
         color:var(--muted);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;}
.divider::before,.divider::after{content:'';flex:1;height:1px;background:var(--border);}