/* Fulcrum-style skin for the legacy auth pages (register / forgot password / reset password). Mirrors the new login page. */
@import url('https://fonts.googleapis.com/css2?family=Instrument+Sans:wght@400;500;600;700&family=Cormorant+Garamond:wght@500;600;700&display=swap');
body.auth-page{font-family:'Instrument Sans',sans-serif!important;color:#edf3ff;padding:0;min-height:100vh;
  background:radial-gradient(circle at top left,rgba(212,165,74,.18),transparent 28%),radial-gradient(circle at 85% 20%,rgba(91,141,239,.18),transparent 24%),linear-gradient(135deg,#06101d 0%,#0a1728 42%,#0d1c31 100%)!important}
body.auth-page .bg-orb,body.auth-page::before,body.auth-page::after{display:none!important}
body.auth-page .auth-split{max-width:1260px;margin:0 auto;padding:28px;gap:26px;min-height:100vh;align-items:stretch}
body.auth-page .fxa-hero{flex:1.12;position:relative;overflow:hidden;border:1px solid rgba(148,163,184,.16);border-radius:28px;box-shadow:0 28px 90px rgba(0,0,0,.42);padding:34px;display:flex;flex-direction:column;justify-content:space-between;
  background:linear-gradient(160deg,rgba(255,255,255,.03),rgba(255,255,255,0)),linear-gradient(140deg,rgba(7,17,31,.8),rgba(10,22,40,.92))}
body.auth-page .fxa-hero::before{content:"";position:absolute;inset:0;background:linear-gradient(transparent 96%,rgba(255,255,255,.03) 96%),linear-gradient(90deg,transparent 96%,rgba(255,255,255,.03) 96%);background-size:32px 32px;opacity:.28;pointer-events:none}
body.auth-page .fxa-hero>*{position:relative;z-index:1}
.fxa-brandbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px}.fxa-logo{height:46px;width:auto;max-width:260px;object-fit:contain;display:block}
.fxa-badge{padding:10px 14px;border-radius:999px;border:1px solid rgba(212,165,74,.24);background:rgba(212,165,74,.08);color:#f6deb0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;white-space:nowrap}
.fxa-chip{display:inline-flex;padding:9px 14px;border-radius:999px;border:1px solid rgba(212,165,74,.2);background:rgba(212,165,74,.08);color:#f2d39a;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:22px}
.fxa-hero h1{font-family:'Cormorant Garamond',serif;font-size:clamp(46px,4.6vw,76px);line-height:.95;margin:0 0 18px;max-width:9ch;font-weight:700;color:#edf3ff}
.fxa-hero h1 span{color:#d4a54a;font-style:italic}
.fxa-copy{max-width:58ch;font-size:16px;line-height:1.8;color:#aebbd3;margin-bottom:28px}
.fxa-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.fxa-m{padding:18px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07)}
.fxa-m small{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#8ea2c5;margin-bottom:10px;font-weight:700}.fxa-m b{display:block;font-size:22px;margin-bottom:6px}.fxa-m span{font-size:13px;color:#aebbd3;line-height:1.5}
body.auth-page .auth-wrap{flex:.88;min-height:0;padding:0}
body.auth-page .auth-box{max-width:none!important;width:100%;min-height:100%;border:1px solid rgba(148,163,184,.16);border-radius:28px;padding:34px;box-shadow:0 28px 90px rgba(0,0,0,.42);backdrop-filter:blur(14px);
  background:linear-gradient(180deg,rgba(12,22,41,.95),rgba(8,16,31,.98));color:#edf3ff}
body.auth-page .auth-box::before{display:none}
body.auth-page .auth-brand{justify-content:flex-start;margin-bottom:22px}
body.auth-page .auth-brand-name{font-family:'Cormorant Garamond',serif;font-size:26px;color:#edf3ff}
body.auth-page .auth-title{font-family:'Cormorant Garamond',serif;font-size:44px;line-height:.98;text-align:left;margin:0 0 10px;font-weight:700;color:#edf3ff;letter-spacing:0}
body.auth-page .auth-subtitle,body.auth-page .auth-box p{color:#aebbd3}
body.auth-page .form-label{color:#8ea2c5;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em}
body.auth-page .form-control,body.auth-page select.form-control{background:rgba(7,15,28,.72)!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px;color:#edf3ff!important;padding:14px 16px;font-size:15px;font-family:inherit;color-scheme:dark}
body.auth-page .form-control::placeholder{color:#7083a6}
body.auth-page .form-control:focus{border-color:rgba(212,165,74,.6)!important;box-shadow:0 0 0 4px rgba(212,165,74,.1)!important;background:rgba(7,15,28,.72)!important}
body.auth-page .btn-primary{background:linear-gradient(135deg,#d4a54a,#b7831f)!important;border:none;border-radius:16px;padding:15px 18px;font-size:15px;font-weight:800;color:#fff;box-shadow:0 16px 36px rgba(183,131,31,.28)}
body.auth-page a{color:#d4a54a}body.auth-page .auth-footer,body.auth-page .auth-footer a{font-size:13px}body.auth-page .auth-footer{color:#8ea2c5}
body.auth-page .alert{border-radius:14px}
body.auth-page .password-toggle-btn{color:#8ea2c5}
body.auth-page input[type=checkbox]{accent-color:#d4a54a}
@media(max-width:1080px){body.auth-page .auth-split{flex-direction:column}.fxa-hero h1{max-width:none}}
@media(max-width:720px){body.auth-page .auth-split{padding:14px}.fxa-hero,body.auth-page .auth-box{border-radius:22px;padding:22px}.fxa-grid{grid-template-columns:1fr}.fxa-brandbar{flex-direction:column;align-items:flex-start}body.auth-page .auth-title{font-size:36px}}
/* legacy inline text colours (terms checkboxes etc.) must stay readable on the dark card */
body.auth-page .auth-box :is(label,span,small,p,div,li,summary):not(.auth-title):not(.auth-brand-name):not(.alert):not(.alert *):not(.form-label):not(.btn *){color:#aebbd3!important}
body.auth-page .auth-box .form-label{color:#8ea2c5!important}
body.auth-page .auth-box a:not(.btn){color:#d4a54a!important}
body.auth-page .auth-box .auth-brand-mark{display:none}