body{min-height:100vh;display:flex;padding-top:0}
  .auth-left{width:46%;background:linear-gradient(150deg,#0D0608 0%,#1A0E0C 40%,#3D1F1A 100%);display:flex;flex-direction:column;justify-content:space-between;padding:3rem;position:relative;overflow:hidden;flex-shrink:0}
  .auth-left::before{content:'';position:absolute;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.055'/%3E%3C/svg%3E");pointer-events:none}
  .auth-deco{position:absolute;bottom:-80px;right:-80px;width:340px;height:340px;border-radius:50%;border:1px solid rgba(201,132,122,.1);pointer-events:none}
  .auth-deco::after{content:'';position:absolute;inset:30px;border-radius:50%;border:1px solid rgba(201,132,122,.06)}
  .auth-deco2{position:absolute;top:20%;left:-60px;width:180px;height:180px;border-radius:50%;border:1px solid rgba(201,132,122,.07)}
  .auth-logo{position:relative;z-index:1;font-family:var(--font-display);font-size:1.6rem;font-weight:400;color:#fff;letter-spacing:.06em}
  .auth-logo em{font-style:italic;color:var(--p-light)}
  .auth-body{position:relative;z-index:1}
  .auth-eyebrow{display:flex;align-items:center;gap:10px;margin-bottom:1.4rem}
  .auth-eyebrow-line{width:26px;height:1px;background:var(--p-light)}
  .auth-eyebrow span{font-size:.68rem;letter-spacing:.24em;text-transform:uppercase;color:var(--p-light)}
  .auth-left-title{font-family:var(--font-display);font-size:clamp(2.2rem,3vw,3rem);font-weight:300;color:#fff;line-height:1.08;margin-bottom:1.2rem}
  .auth-left-title em{font-style:italic;color:var(--p-light)}
  .auth-left-desc{font-size:.88rem;color:rgba(255,255,255,.48);line-height:1.85;margin-bottom:2.2rem;max-width:300px}
  .auth-perks{display:flex;flex-direction:column;gap:.9rem}
  .auth-perk{display:flex;align-items:center;gap:10px;font-size:.84rem;color:rgba(255,255,255,.6)}
  .auth-perk-dot{width:5px;height:5px;border-radius:50%;background:var(--p);flex-shrink:0}
  .auth-left-foot{position:relative;z-index:1;font-size:.72rem;color:rgba(255,255,255,.2)}
  .auth-right{flex:1;display:flex;align-items:center;justify-content:center;padding:3rem 2rem}
  .auth-box{width:100%;max-width:400px}
  .auth-box-title{font-family:var(--font-display);font-size:2.1rem;font-weight:400;color:var(--mid);margin-bottom:.3rem}
  .auth-box-sub{font-size:.85rem;color:var(--muted);margin-bottom:2rem}
  .auth-box-sub a{color:var(--p);font-weight:500}
  .auth-switch{text-align:center;margin-top:1.4rem;font-size:.83rem;color:var(--muted)}
  .auth-switch a{color:var(--p);font-weight:500}
  .lockout{display:none;padding:10px 14px;background:#FFF8EC;border:1px solid rgba(239,159,39,.25);border-radius:var(--r);font-size:.82rem;color:#7B4D00;margin-bottom:1rem;align-items:center;gap:8px}
  .lockout.show{display:flex}
  .btn-eye{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:none;border:none;cursor:pointer;color:var(--muted);font-size:.9rem;padding:0;width:40px;height:44px;display:flex;align-items:center;justify-content:center;transition:color var(--t)}
  .btn-eye:hover{color:var(--p)}
  .forgot-link{font-size:.78rem;color:var(--p);font-weight:500;float:right;margin-top:-4px}
  .forgot-link:hover{text-decoration:underline}
  @media(max-width:800px){.auth-left{display:none}.auth-right{padding:2.5rem 1.4rem}.forgot-link{min-height:44px;display:inline-flex;align-items:center}}
  @media(max-width:520px){
    .auth-right{padding:2rem 1.2rem}
    .auth-box-title{font-size:1.8rem}
    .auth-box-sub{font-size:.82rem;margin-bottom:1.6rem}
    .auth-left-desc{font-size:.84rem}
    .forgot-link{float:none;display:inline-flex;align-items:center;min-height:44px;margin-top:-2px;line-height:1.5}
    .field label{line-height:1.7}
  }
  @media(max-width:360px){
    .auth-right{padding:1.6rem 1rem}
    .auth-box-title{font-size:1.65rem}
  }

  /* ── iOS / mobile ── */
  html,body{max-width:100%;overflow-x:hidden}
  *{-webkit-tap-highlight-color:rgba(201,132,122,.18)}
  input,select,textarea{font-size:16px}
  @supports(padding:max(0px)){
    .auth-right{padding-top:max(2.5rem,calc(1.6rem + env(safe-area-inset-top)));padding-bottom:max(2.5rem,calc(1.6rem + env(safe-area-inset-bottom)));padding-left:max(1.4rem,env(safe-area-inset-left));padding-right:max(1.4rem,env(safe-area-inset-right))}
  }
  .btn,button[type="submit"]{min-height:48px}