/* Mobile-first account entry, matching Egety's navy sign-in design. */
.accounting-login-page{box-sizing:border-box;margin:0;min-height:100vh;min-height:100svh;padding:24px 16px;padding:max(24px,env(safe-area-inset-top)) max(16px,env(safe-area-inset-right)) max(24px,env(safe-area-inset-bottom)) max(16px,env(safe-area-inset-left));display:flex;flex-direction:column;background:#050f26;color:#f1f6ff;font:16px/1.5 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;isolation:isolate;color-scheme:dark}
.accounting-login-page *{box-sizing:border-box}
.login-backdrop{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 12% 22%,#0b3c5b99,transparent 60%),radial-gradient(ellipse at 96% 100%,#143d7e66,transparent 47%),linear-gradient(145deg,#07152b,#040b1b 75%)}
.login-background-logo{position:absolute;top:50%;left:50%;width:min(88vw,580px);height:auto;transform:translate(-50%,-50%);opacity:.1;object-fit:contain}
.login-orbit{position:absolute;width:max(130vw,850px);height:max(130vw,850px);max-width:1400px;max-height:1400px;left:50%;top:50%;transform:translate(-50%,-50%);stroke:#6dbbe6;stroke-width:1;stroke-opacity:.08}
.login-light-line{stroke:#74d5ff;stroke-opacity:.4;filter:drop-shadow(0 0 5px #48b9ee)}
.login-stars{fill:#b2e9ff;fill-opacity:.5;stroke:none}
.login-card{position:relative;z-index:1;width:100%;max-width:420px;margin:auto;padding:32px 24px;border:1px solid #7bbcff2b;border-radius:24px;background:linear-gradient(145deg,#102541f2,#0b1930f5 75%);box-shadow:0 30px 90px #0005,inset 0 1px #b4ddff0d}
.login-card .egety-brand{color:#f1f6ff;gap:12px;margin-bottom:32px;font-family:inherit}
.login-card .egety-brand .brand-logo{width:46px;height:50px;flex-basis:46px}
.login-card .egety-brand .brand-name{font-size:22px;line-height:1.15;letter-spacing:-.4px}
.login-card .egety-brand .brand-caption{font-size:13px;line-height:1.35;letter-spacing:.1px;text-transform:none;margin-top:4px;color:#c4d8f1;font-weight:600;white-space:normal}
.login-card h1{font:750 30px/1.2 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.7px;margin:0}
.login-description{font-size:14px;line-height:1.65;color:#aebed5;margin:12px 0 28px}
.login-card form{display:grid;gap:22px;margin:24px 0 0}
.login-card label{display:grid;gap:8px;font-size:13px;line-height:1.5;font-weight:600;color:#ced9eb}
.login-card input{display:block;width:100%;min-width:0;min-height:52px;margin:0;padding:14px 15px;border:1px solid #a2c5ed2e;border-radius:10px;background:#465a7e66;color:#fff;font-family:inherit;font-weight:400;font-size:16px;line-height:1.4;box-shadow:inset 0 2px 4px #00000012;scroll-margin-block:24px}
.login-card input:autofill{color:#fff;background:#263b59;box-shadow:inset 0 0 0 1000px #263b59}
.login-card input:-webkit-autofill{-webkit-text-fill-color:#fff;-webkit-box-shadow:inset 0 0 0 1000px #263b59;caret-color:#fff}
.login-card :is(input,button,a):focus-visible{outline:2px solid #7fd9ff;outline-offset:3px}
.login-submit{appearance:none;display:flex;align-items:center;justify-content:center;width:100%;min-height:52px;margin:4px 0 0;padding:14px 18px;border:1px solid #78c6ff55;border-radius:10px;background:linear-gradient(110deg,#2373d8,#237fc6);color:#fff;font:600 16px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;box-shadow:0 5px 22px #0875d52b,inset 0 1px #c9eeff26;cursor:pointer;touch-action:manipulation}
.login-submit:hover{background:linear-gradient(110deg,#2b80e5,#2b8cd5)}
.login-submit:active{transform:translateY(1px)}
.login-submit:disabled{opacity:.65;cursor:wait}
.login-submit[aria-busy="true"]::after{color:#fff}
.login-card small{font-size:12px;line-height:1.5;color:#aebed5}
.login-card .form-error{padding:13px 15px;margin-bottom:22px;border:1px solid #ff9e9e55;border-radius:10px;background:#471e3266;color:#ffcdcd;font-size:14px;line-height:1.5;overflow-wrap:anywhere}
@media(min-width:480px){.login-card{padding:38px 36px 36px}}
@media(max-width:359px){.login-card{padding:28px 20px}.login-card .egety-brand{gap:10px}.login-card .egety-brand .brand-name{font-size:20px}.login-card .egety-brand .brand-caption{font-size:12px}}
@media(max-height:600px){.accounting-login-page{padding-top:20px;padding-bottom:20px}.login-card{padding-top:24px;padding-bottom:24px}.login-card .egety-brand{margin-bottom:24px}}
