body:has(.auth-login){min-height:100vh;min-height:100dvh;background:#f4f1fb}
  body .auth-login.login-page{position:relative;isolation:isolate;min-height:100vh;min-height:100dvh;display:grid;place-items:center;padding:32px 20px;overflow-x:hidden;background:linear-gradient(135deg,#f2ecff 0%,#f8f7fc 46%,#edf6f2 100%)!important}
  body .auth-login.login-page:before,body .auth-login.login-page:after{content:"";display:block!important;position:fixed;z-index:-1;border-radius:50%;pointer-events:none;filter:blur(1px)}
  body .auth-login.login-page:before{width:520px;height:520px;left:-220px;top:-250px;background:radial-gradient(circle,rgba(110,55,238,.20),rgba(110,55,238,0) 69%)}
  body .auth-login.login-page:after{width:560px;height:560px;right:-230px;bottom:-280px;background:radial-gradient(circle,rgba(26,154,113,.15),rgba(26,154,113,0) 69%)}
  .login-shell{position:relative;width:min(100%,960px);display:grid;grid-template-columns:minmax(350px,.92fr) minmax(430px,1.08fr);overflow:hidden;border:1px solid rgba(71,52,120,.12);border-radius:30px;background:#fff;box-shadow:0 32px 90px rgba(45,31,86,.17),0 2px 8px rgba(45,31,86,.06)}
  .auth-story{position:relative;min-height:680px;display:flex;flex-direction:column;padding:46px 42px;color:#fff;background:linear-gradient(145deg,#2f176d 0%,#5a2cda 48%,#7547f3 100%);overflow:hidden}
  .auth-story:before{content:"";position:absolute;width:360px;height:360px;right:-190px;top:-120px;border:1px solid rgba(255,255,255,.18);border-radius:50%;box-shadow:0 0 0 42px rgba(255,255,255,.035),0 0 0 84px rgba(255,255,255,.025)}
  .auth-story:after{content:"";position:absolute;width:250px;height:250px;left:-125px;bottom:-105px;border-radius:50%;background:linear-gradient(135deg,rgba(119,236,195,.30),rgba(119,236,195,0))}
  .auth-brand{position:relative;z-index:1;display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:-.25px}
  .auth-brand-mark{display:grid;place-items:center;width:44px;height:44px;border:1px solid rgba(255,255,255,.25);border-radius:14px;background:rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(24,10,65,.20);backdrop-filter:blur(8px)}
  .auth-brand-mark svg{width:25px;height:25px}
  .auth-copy{position:relative;z-index:1;margin:auto 0 42px}
  .auth-eyebrow{display:inline-flex;align-items:center;gap:8px;margin:0 0 17px;padding:7px 11px;border:1px solid rgba(255,255,255,.18);border-radius:999px;background:rgba(255,255,255,.11);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
  .auth-eyebrow:before{content:"";width:7px;height:7px;border-radius:50%;background:#82efc8;box-shadow:0 0 0 5px rgba(130,239,200,.12)}
  .auth-copy h2{max-width:330px;margin:0 0 17px;color:#fff;font-size:39px;line-height:1.08;letter-spacing:-1.4px}
  .auth-copy>p{max-width:335px;margin:0;color:rgba(255,255,255,.76);font-size:15px;line-height:1.65}
  .auth-features{position:relative;z-index:1;display:grid;gap:11px}
  .auth-feature{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid rgba(255,255,255,.13);border-radius:14px;background:rgba(255,255,255,.08);color:rgba(255,255,255,.91);font-size:13px;font-weight:700;backdrop-filter:blur(7px)}
  .auth-feature-icon{display:grid;place-items:center;flex:0 0 29px;height:29px;border-radius:9px;background:rgba(255,255,255,.15);font-size:14px}
  .auth-panel{display:flex;align-items:center;padding:42px 50px 34px;background:rgba(255,255,255,.98)}
  .auth-panel-inner{width:100%;max-width:390px;margin:auto}
  .auth-mobile-brand{display:none;align-items:center;gap:10px;margin-bottom:24px;color:#241642;font-size:18px;font-weight:850}
  .auth-mobile-brand .auth-brand-mark{width:40px;height:40px;color:#fff;border:0;background:#6935ed;box-shadow:0 9px 20px rgba(105,53,237,.22)}
  .auth-panel h1{margin:0 0 8px;color:#171126;font-size:31px;line-height:1.15;letter-spacing:-1px}
  .auth-subtitle{margin:0 0 25px;color:#766f83;font-size:14px;line-height:1.5}
  .auth-passkey,.auth-submit{width:100%;border:0;color:#fff!important;background:linear-gradient(110deg,#5b2de0,#7540f5)!important;box-shadow:0 11px 24px rgba(99,52,228,.23);transition:transform .16s ease,box-shadow .16s ease,filter .16s ease}
  .auth-passkey{min-height:56px;display:flex;align-items:center;justify-content:center;gap:12px;border-radius:15px;font-size:15px;font-weight:800}
  .auth-passkey:hover,.auth-submit:hover{transform:translateY(-1px);filter:saturate(1.08);box-shadow:0 14px 28px rgba(99,52,228,.29)}
  .auth-passkey:disabled{opacity:.62;cursor:wait;transform:none}
  .face-icon{position:relative;width:27px;height:27px;border:2px solid currentColor;border-radius:8px}.face-icon:before{content:"••";position:absolute;left:4px;top:0;letter-spacing:4px;font-size:11px}.face-icon:after{content:"⌣";position:absolute;left:5px;bottom:-1px;font-size:16px;font-weight:400}
  .passkey-status{display:block;min-height:18px;margin:8px 2px 0;text-align:center;color:#777080;font-size:12px;line-height:1.4}
  .auth-divider{display:flex;align-items:center;gap:12px;margin:16px 0 13px;color:#9a93a5;font-size:11px}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:#e8e3ef}
  .auth-form label{display:block;margin:12px 0 7px;color:#2c2636;font-size:12px;font-weight:800}
  .auth-field{position:relative}.auth-field input{width:100%;height:51px;padding:0 45px 0 43px;border:1px solid #ddd6e8;border-radius:13px;background:#fbfaff;color:#20192c;font-size:14px;outline:none;transition:border-color .16s,box-shadow .16s,background .16s}.auth-field input:hover{border-color:#c9bfdc}.auth-field input:focus{border-color:#7745ef;background:#fff;box-shadow:0 0 0 4px rgba(119,69,239,.11)}
  .field-icon{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#897f98;pointer-events:none;font-size:14px}
  .password-toggle{position:absolute;right:6px;top:6px;width:39px;height:39px;padding:0;border:0;border-radius:10px;background:transparent!important;color:#766c84!important;font-size:17px;box-shadow:none}.password-toggle:hover{background:#f0ebf8!important}
  .auth-submit{height:50px;margin-top:18px;border-radius:13px;font-size:15px;font-weight:850}
  .auth-links{display:flex;justify-content:space-between;gap:14px;margin-top:14px;color:#7d7589;font-size:12px}.auth-links a{color:#6534df;font-weight:800;text-decoration:none}.auth-links a:hover{text-decoration:underline}
  .google-section{margin-top:19px;padding-top:18px;border-top:1px solid #e8e3ef}.google-label{margin:0 0 12px;text-align:center;color:#91899b;font-size:11px}.google-login{display:flex;justify-content:center;min-height:40px;overflow:hidden}
  .security-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:#8b8494;font-size:11px}
  @media(max-width:820px){
    body .auth-login.login-page{place-items:start center;padding:18px 12px 26px}
    .login-shell{width:min(100%,520px);grid-template-columns:1fr;border-radius:24px}
    .auth-story{min-height:148px;padding:25px 24px 24px}
    .auth-brand{display:none}.auth-copy{margin:auto 0}.auth-eyebrow{margin-bottom:10px;padding:6px 10px}.auth-copy h2{max-width:none;margin-bottom:8px;font-size:27px;letter-spacing:-.8px}.auth-copy>p{max-width:440px;font-size:13px;line-height:1.5}
    .auth-features{display:none}
    .auth-panel{padding:27px 28px 28px}.auth-panel-inner{max-width:420px}.auth-mobile-brand{display:flex}.auth-panel h1{font-size:28px}.auth-subtitle{margin-bottom:21px}
  }
  @media(max-width:480px){
    body .auth-login.login-page{padding:0;background:#fff!important}
    body .auth-login.login-page:before,body .auth-login.login-page:after{display:none!important}
    .login-shell{min-height:100vh;min-height:100dvh;border:0;border-radius:0;box-shadow:none}
    .auth-story{min-height:124px;padding:21px 20px}.auth-eyebrow{font-size:10px}.auth-copy h2{font-size:24px}.auth-copy>p{display:none}
    .auth-panel{align-items:flex-start;padding:25px 20px 24px}.auth-mobile-brand{margin-bottom:20px}.auth-panel h1{font-size:26px}.auth-links{align-items:flex-start;flex-direction:column;gap:8px}.auth-passkey{min-height:53px}
  }
  body:has(.auth-login)>.flash{position:fixed!important;z-index:80;left:50%;top:14px;transform:translateX(-50%);width:min(calc(100% - 28px),680px);margin:0!important;padding:13px 16px!important;border:1px solid #ead389!important;border-radius:13px!important;background:#fff5cf!important;box-shadow:0 12px 30px rgba(61,43,20,.13)!important;color:#5d4715!important;text-align:center;font-size:13px}
  .auth-register .auth-panel{padding-top:34px;padding-bottom:30px}
  .auth-register-note{display:flex;gap:10px;margin:16px 0 2px;padding:12px 13px;border:1px solid #e5def1;border-radius:13px;background:#faf8ff;color:#756d80;font-size:12px;line-height:1.45}
  .auth-register-note strong{display:block;margin-bottom:2px;color:#342c42}
  .auth-register-note-icon{display:grid;place-items:center;flex:0 0 30px;width:30px;height:30px;border-radius:9px;background:#eee8fd;color:#6738e7}
  .password-hint{display:block;margin:6px 2px 0;color:#8a8294;font-size:11px}
  .auth-back{text-align:center;margin:18px 0 0;color:#7d7589;font-size:12px}.auth-back a{color:#6534df;font-weight:800;text-decoration:none}.auth-back a:hover{text-decoration:underline}