:root{color-scheme:light;font-family:system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#1b322c;background:#102b25}
*{box-sizing:border-box}
body{margin:0}
.login-page{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:32px 20px;overflow:hidden;background:radial-gradient(ellipse at 16% 12%,#36695775,transparent 52%),radial-gradient(ellipse at 90% 94%,#789b6c30,transparent 46%),linear-gradient(130deg,#173c32,#0b201c 70%)}
.login-page::before,.login-page::after{content:'';position:absolute;z-index:-1;border:1px solid #b4d3b315;border-radius:50%;pointer-events:none}
.login-page::before{width:1050px;height:1050px;left:calc(50% - 900px);top:calc(50% - 740px)}
.login-page::after{width:780px;height:780px;right:calc(50% - 720px);bottom:calc(50% - 610px);box-shadow:0 0 0 90px #b4d3b304,0 0 0 180px #b4d3b303}
.login-card{width:min(100%,420px);padding:48px 42px 42px;text-align:center;border:1px solid #ffffffe0;border-radius:24px;background:linear-gradient(145deg,#fffefb,#f2f4ec);box-shadow:0 32px 90px #00000035,0 2px 8px #00000015;animation:login-appear .45s ease-out both}
.login-symbol{display:grid;grid-template-columns:repeat(2,10px);gap:4px;width:24px;height:24px;margin:0 auto 28px;transform:rotate(-12deg)}
.login-symbol span{border-radius:3px;background:#2f6353}
.login-symbol span:nth-child(2){background:#9bb59a}
.login-symbol span:nth-child(3){background:#b7c8ad}
.login-symbol span:nth-child(4){background:#65856b}
h1{margin:0;font:400 40px/1.15 Georgia,'Times New Roman',serif;letter-spacing:-1.4px}
.login-divider{width:32px;height:1px;background:#b2bfad;margin:26px auto 32px}
button{position:relative;display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:54px;padding:14px 24px;border:1px solid #2c5749;border-radius:12px;color:#fffdf6;background:linear-gradient(120deg,#244e40,#183c32);font:550 14px/1.4 system-ui,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;cursor:pointer;box-shadow:0 4px 9px #1e443517;transition:background .18s,box-shadow .18s,transform .18s}
button:hover{background:#2e5b49;box-shadow:0 6px 16px #1e443528;transform:translateY(-1px)}
button:active{transform:translateY(0)}
button:focus-visible{outline:3px solid #79976a;outline-offset:4px}
button:disabled{opacity:.65;cursor:wait;transform:none}
.login-arrow{position:absolute;right:21px;font-size:19px;font-weight:400;opacity:.8}
#auth-status{margin:22px 0 0;color:#76513d;font-size:13px;line-height:1.6}
#auth-status:empty{display:none}
@keyframes login-appear{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:480px){.login-page{padding:24px}.login-card{padding:40px 28px 34px;border-radius:20px}h1{font-size:36px}}
@media(prefers-reduced-motion:reduce){.login-card{animation:none}button{transition:none}}