:root{color-scheme:dark;--gold:#d7b269;--cream:#fff0cf;--aqua:#06d2d6;--ink:#07191e;--muted:#b3c0c6}*{box-sizing:border-box}body{margin:0;font-family:'Alegreya Sans',system-ui,sans-serif;color:#edf3f2;background:#07151b}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:var(--gold);text-underline-offset:3px}button{cursor:pointer}[hidden]{display:none!important}.auth-page{min-height:100svh;background:linear-gradient(90deg,rgba(4,18,24,.12),rgba(3,17,22,.65) 42%,rgba(3,17,22,.65) 58%,rgba(4,12,20,.16)),url('/assets/ui/bonta-brakmar-wallpaper.webp') center/cover fixed}.auth-page:before{content:'';position:fixed;inset:0;pointer-events:none;background:linear-gradient(0deg,#04151ee6,transparent 44%,#04101540);z-index:-1}.auth-layout{width:min(100% - 40px,448px);margin:auto;padding:22px 0 24px;text-align:center}.beta-seal{border:1px solid var(--gold);outline:1px solid #d7b26955;outline-offset:4px;width:310px;max-width:90%;margin:0 auto;background:linear-gradient(90deg,#17191099,#191b16ed,#17191099);padding:7px 12px;position:relative;box-shadow:0 3px 18px #0005;clip-path:polygon(4% 0,96% 0,100% 50%,96% 100%,4% 100%,0 50%)}.beta-seal span{display:block;font:700 25px/1.05 Cinzel,Georgia,serif;color:#f3ce80}.beta-seal strong{display:block;font:600 13px/1.5 Cinzel,Georgia,serif;color:var(--cream)}.beta-note{font-size:13px;margin:13px -30px 4px;color:#e4e9ea;text-shadow:0 1px 8px #000}.brand-link{display:block;width:285px;max-width:75%;margin:10px auto 0}.brand-logo{width:100%;height:144px;object-fit:contain;filter:drop-shadow(0 4px 12px #000b)}.brand-description{font:600 15px/1.4 Cinzel,Georgia,serif;color:var(--cream);margin:1px -20px 0;text-shadow:0 2px 5px #000}.brand-fan{color:#f4c164;font-size:15px;margin:2px 0 17px}.auth-panel{position:relative;padding:0 38px 28px;border:1px solid var(--gold);outline:1px solid #d7b26955;outline-offset:-5px;background:linear-gradient(130deg,#06191cf2,#031519f7);box-shadow:0 16px 64px #0008,0 0 35px #04cdd00a}.auth-tabs{display:flex;border-bottom:1px solid #71807f55;gap:26px;margin-bottom:24px}.auth-tabs a{flex:1;padding:21px 0 14px;text-decoration:none;color:#a9b8be;font-size:17px;position:relative}.auth-tabs a[aria-current=page]{color:#ecf5ef;font-weight:700}.auth-tabs a[aria-current=page]:after{content:'';height:2px;background:var(--aqua);position:absolute;bottom:-1px;left:0;right:0;box-shadow:0 0 12px #04d8d877}h1{font:600 25px/1.3 Cinzel,Georgia,serif;color:var(--cream);margin:0 0 8px}.auth-intro{font-size:15px;color:var(--muted);margin:0 0 23px}form{text-align:left;display:grid;gap:17px}label{display:block;font-size:16px;margin-bottom:5px}.input-wrap{display:flex;align-items:center;border:1px solid #73899488;border-radius:8px;background:linear-gradient(100deg,#10283199,#0c2029aa);height:47px;transition:.18s}.input-wrap:focus-within{border-color:var(--aqua);box-shadow:0 0 0 3px #03cbd51a}.input-wrap>svg{width:19px;height:19px;fill:none;stroke:#d2dfe4;stroke-width:1.4;flex-shrink:0;margin:0 13px 0 15px}input:not([type=checkbox]){min-width:0;width:100%;height:100%;border:0;background:transparent;color:#fff;outline:none;font-size:16px;padding:0 12px 0 0}input::placeholder{color:#9badb6;opacity:1}input:-webkit-autofill{-webkit-box-shadow:0 0 0 100px #102831 inset;-webkit-text-fill-color:#fff}.password-toggle{border:0;background:none;color:#d7e4e9;padding:10px 12px;display:flex;align-items:center}.password-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5}small{display:block;color:var(--muted);font-size:13px;line-height:1.35;margin-top:6px}.account-notice{font-size:14px;color:var(--muted);line-height:1.4;margin:0}.import-option{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.3;margin:0}.import-option input{accent-color:var(--aqua);width:18px;height:18px;margin:0;flex-shrink:0}.import-option small{margin-top:3px}.form-message{font-size:15px;line-height:1.3;color:#ffbbac;margin:0;min-height:0}.form-message:empty{display:none}.form-message.success{color:#7cf1c8}.auth-submit{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:1px solid #e6c482;border-radius:10px;padding:12px 18px;margin-top:4px;background:linear-gradient(#19e0e1,#00aab5);color:#00191f;font:700 18px/1.2 Cinzel,Georgia,serif;box-shadow:inset 0 0 0 3px #06bdc9,0 0 20px #05d9d51c;transition:filter .15s,transform .15s}.auth-submit:hover{filter:brightness(1.13);transform:translateY(-1px)}.auth-submit:disabled{opacity:.6;cursor:wait;transform:none}.auth-submit span:first-child{flex:1;text-align:center}.auth-submit span:last-child{font-family:system-ui;font-size:22px}.auth-switch{font-size:15px;margin:23px 0 2px}.auth-switch a{font-weight:700;margin-left:5px}.corner{position:absolute;color:var(--gold);font-size:22px;line-height:16px;pointer-events:none}.tl{top:5px;left:5px}.tr{top:5px;right:5px}.bl{bottom:5px;left:5px}.br{bottom:5px;right:5px}.panel-gem{position:absolute;bottom:-12px;left:calc(50% - 10px);font-size:24px;line-height:22px;color:#f2cd83;background:#06171d}.auth-footer{display:flex;justify-content:center;align-items:center;gap:10px;font-size:13px;color:#bcc6ca;margin-top:24px}.auth-footer button{color:inherit;border:0;background:transparent;padding:0;text-decoration:underline;text-underline-offset:3px}.info-dialog{width:min(92vw,560px);max-height:85svh;overflow:auto;border:1px solid var(--gold);padding:28px;background:#071b20;color:#e3ebec;box-shadow:0 20px 90px #0009;line-height:1.5;border-radius:8px}.info-dialog::backdrop{background:#021014c9;backdrop-filter:blur(6px)}.info-dialog h2{font:600 21px Cinzel,Georgia,serif;color:var(--cream);margin:0 24px 20px 0}.dialog-close{position:absolute;right:12px;top:8px;font-size:28px;background:none;border:0;color:var(--gold)}.no-script{text-align:center;padding:20px;background:#071b20}a:focus-visible,button:focus-visible{outline:2px solid var(--aqua);outline-offset:4px}#auth-form[aria-busy=true]{opacity:.8}@media(min-width:1600px){.auth-layout{padding-top:32px}.brand-logo{height:172px}.auth-panel{padding-bottom:32px}.auth-tabs{margin-bottom:28px}form{gap:19px}.brand-fan{margin-bottom:22px}}@media(max-width:600px){.auth-page{background-attachment:scroll;background-position:center top}.auth-layout{width:min(100% - 32px,420px);padding-top:18px}.auth-panel{padding:0 24px 26px}.brand-logo{height:125px}.brand-link{margin-top:2px}.beta-note{font-size:12px;margin-left:-5px;margin-right:-5px}.brand-description{font-size:12px;margin-left:-5px;margin-right:-5px}.brand-fan{font-size:14px;margin-bottom:14px}.auth-intro{font-size:14px}h1{font-size:23px}.auth-tabs{margin-bottom:21px}.auth-tabs a{padding-top:19px}.auth-footer{font-size:12px;gap:8px}.auth-switch{font-size:14px}.auth-submit{font-size:16px}.auth-page:before{background:linear-gradient(0deg,#04151ef5,transparent 75%)} }