.page-mail-auth { min-height:100vh; color:#e7edf5; background:#080d16; font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif; }
.page-mail-auth *, .page-mail-auth *::before, .page-mail-auth *::after { box-sizing:border-box; }
.page-mail-auth #main { min-height:100vh; }
.mail-auth-shell { min-height:100vh; background:radial-gradient(ellipse at 50% -12%,#153549 0,transparent 50%),#080d16; }
.mail-auth-topbar { max-width:1240px; height:78px; margin:auto; padding:0 38px; display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #ffffff0d; }
.mail-auth-brand { display:flex; align-items:center; gap:11px; color:#f1f6fc; text-decoration:none; font-size:1rem; font-weight:750; letter-spacing:-.035em; }
.mail-auth-brand i { margin-left:6px; color:#94a6bc; font-size:.9rem; font-style:normal; font-weight:500; }
.mail-auth-mark { display:grid; width:35px; height:35px; place-items:center; border:1px solid #9beeff7a; border-radius:11px; color:#06131b; background:linear-gradient(145deg,#b4f5ff,#45c5df); box-shadow:0 7px 24px #42c5df28; font-size:1.45rem; font-weight:900; }
.mail-auth-home { color:#b9c7d7; font-size:.82rem; text-decoration:none; }
.mail-auth-home:hover { color:#8de7f6; }
.mail-auth-top-actions { display:flex; align-items:center; gap:25px; }
.mail-auth-secure { display:flex; align-items:center; gap:8px; color:#96a8bd; font-size:.76rem; }
.mail-auth-secure i { width:7px; height:7px; border-radius:50%; background:#67ddb5; box-shadow:0 0 12px #67ddb599; }
.mail-auth-main { width:min(100% - 32px,460px); margin:0 auto; padding:74px 0 38px; }
.mail-auth-card { padding:38px 40px 34px; border:1px solid #26384d; border-radius:20px; background:linear-gradient(150deg,#111d2b,#0c1420 68%); box-shadow:0 28px 90px #0005, inset 0 1px #ffffff08; }
.mail-auth-icon { display:grid; width:48px; height:48px; place-items:center; border:1px solid #4fc9e344; border-radius:15px; color:#8ae7f5; background:#113246; font-size:1.3rem; }
.mail-auth-kicker { margin:25px 0 9px; color:#73d9eb; font-size:.66rem; font-weight:750; letter-spacing:.15em; }
.mail-auth-card h1 { margin:0; color:#f1f6fc; font-size:clamp(1.7rem,5vw,2.05rem); letter-spacing:-.045em; line-height:1.14; }
.mail-auth-intro { margin:12px 0 25px; color:#9cacc0; font-size:.88rem; line-height:1.65; }
.mail-auth-alert,.mail-auth-notice { margin:0 0 20px; padding:12px 14px; border:1px solid #a14954; border-radius:10px; color:#ffd3d6; background:#4e1b2533; font-size:.82rem; line-height:1.5; }
.mail-auth-notice { border-color:#226577; color:#b8f0f7; background:#09303b66; }
.mail-auth-form { display:grid; gap:18px; margin:0; }
.mail-auth-field { display:grid; min-width:0; gap:8px; }
.mail-auth-form label { color:#dce5ef; font-size:.78rem; font-weight:650; }
.mail-auth-field input,.mail-auth-address input { display:block; width:100%; min-width:0; height:51px; margin:0; padding:0 15px; border:1px solid #35475d; border-radius:11px; outline:none; color:#f1f6fc; background:#080f19; box-shadow:inset 0 1px 2px #0004; font:inherit; font-size:.9rem; transition:border-color .16s,box-shadow .16s,background .16s; }
.mail-auth-field input::placeholder,.mail-auth-address input::placeholder { color:#687b91; opacity:1; }
.mail-auth-field input:hover,.mail-auth-address input:hover { border-color:#506981; }
.mail-auth-field input:focus,.mail-auth-address input:focus { border-color:#6bd9eb; background:#0a1622; box-shadow:0 0 0 3px #54cde329; }
.mail-auth-field input:-webkit-autofill { -webkit-text-fill-color:#f1f6fc; box-shadow:inset 0 0 0 1000px #0a1622; }
.mail-auth-hint { margin:-2px 0 0; color:#8294a9; font-size:.72rem; line-height:1.5; }
.mail-auth-button,.mail-auth-discord { display:flex; width:100%; min-height:49px; align-items:center; justify-content:center; gap:10px; border:1px solid #8ce9f4; border-radius:11px; color:#06141b; background:linear-gradient(135deg,#a8f2fb,#59cce1); box-shadow:0 8px 26px #44c4df20; font:inherit; font-size:.86rem; font-weight:750; text-decoration:none; cursor:pointer; transition:transform .16s,filter .16s; }
.mail-auth-button { margin-top:2px; }
.mail-auth-button span { font-size:1.1rem; }
.mail-auth-button:hover { transform:translateY(-1px); filter:brightness(1.08); }
.mail-auth-address { display:flex; min-width:0; align-items:center; overflow:hidden; border:1px solid #35475d; border-radius:11px; background:#080f19; }
.mail-auth-address input { flex:1; border:0; border-radius:0; box-shadow:none; }
.mail-auth-address>span { padding:0 13px 0 3px; color:#8c9db1; font-size:.75rem; white-space:nowrap; }
.mail-auth-address:focus-within { border-color:#6bd9eb; box-shadow:0 0 0 3px #54cde329; }
.mail-auth-address input:focus { box-shadow:none; }
.mail-auth-switch { margin-top:20px; color:#98a9bd; text-align:center; font-size:.77rem; }
.mail-auth-switch a { margin-left:4px; color:#8be4f2; font-weight:650; text-decoration:none; }
.mail-auth-switch a:hover { text-decoration:underline; }
.mail-auth-divider { display:flex; align-items:center; gap:14px; margin:21px 0 17px; color:#71849a; font-size:.7rem; }
.mail-auth-divider::before,.mail-auth-divider::after { height:1px; flex:1; background:#26364a; content:""; }
.mail-auth-discord { border-color:#394964; color:#edf2fa; background:#182235; box-shadow:none; }
.mail-auth-discord:hover { transform:translateY(-1px); background:#202d43; }
.mail-auth-discord-icon { color:#9eabff; font-size:.7rem; }
.mail-auth-footnote { margin:19px 4px 0; color:#718196; text-align:center; font-size:.68rem; line-height:1.6; }
@media(max-width:560px) { .mail-auth-topbar { height:68px; padding:0 20px; } .mail-auth-secure { display:none; } .mail-auth-top-actions { gap:0; } .mail-auth-main { padding-top:38px; } .mail-auth-card { padding:29px 23px 25px; border-radius:16px; } }
@media(prefers-reduced-motion:reduce) { .mail-auth-field input,.mail-auth-address input,.mail-auth-button,.mail-auth-discord { transition:none; } }