/* Shared account dialogs: brand panel + focused form. */
dialog.auth-modal{width:min(900px,calc(100vw - 36px));padding:0;border-radius:22px;border:1px solid #344c5e;background:#111d2b;box-shadow:0 32px 120px #0009;max-height:calc(100dvh - 40px)}
dialog.auth-modal::backdrop{background:#030914bc;backdrop-filter:blur(9px)}
.auth-modal .modal-close{z-index:3;right:15px;top:13px;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:23px;color:#8ea3b9;line-height:1;background:#1d2d3b}
.auth-modal .modal-close:hover{background:#2c4051;color:#fff}
.auth-layout{display:grid;grid-template-columns:340px minmax(0,1fr);min-height:580px}
.auth-story{position:relative;overflow:hidden;padding:40px 32px 29px;display:flex;flex-direction:column;background:radial-gradient(ellipse at 46% 22%,#2b716e80,transparent 58%),radial-gradient(ellipse at 0% 100%,#284b7566,transparent 70%),linear-gradient(155deg,#14383e,#102430 65%,#112132);border-right:1px solid #315356}
.auth-story:before{content:'';position:absolute;inset:13px;border:1px solid #7deedb12;border-radius:13px;pointer-events:none}
.auth-brand{position:relative;height:195px;width:100%;margin:0 auto 20px;z-index:1;filter:drop-shadow(0 15px 24px #001c2a77)}
.auth-brand img{width:275px;height:275px;position:absolute;top:-40px;left:50%;transform:translateX(-50%);object-fit:contain}
.auth-story-label{font-size:10px;letter-spacing:2.4px;color:#8cc9c4;font-weight:800;z-index:1;margin:0 0 14px}
.auth-story h2{font-size:32px;line-height:1.27;letter-spacing:-1.1px;margin:0 0 17px;position:relative;z-index:1}
.auth-story h2 span{color:#67e8d6}
.auth-story>p{font-size:13px;line-height:1.9;color:#a8bec9;position:relative;z-index:1;max-width:245px;margin-bottom:28px}
.auth-story-bottom{display:flex;gap:11px;align-items:center;position:relative;z-index:1;padding-top:24px;margin-top:auto;border-top:1px solid #6cc8b62b}
.auth-story-bottom strong{display:block;font-size:12px;color:#d3e9ea;font-weight:700}.auth-story-bottom small{display:block;color:#8eadba;font-size:10px;margin-top:4px}
.auth-story-icon{height:37px;width:37px;border-radius:10px;border:1px solid #568b873d;display:grid;place-items:center;color:#77dbca;background:#5de7d50a}
.auth-orbit{position:absolute;border:1px solid #70d9ca0c;width:320px;height:320px;transform:rotate(35deg);border-radius:37px;pointer-events:none}
.orbit-one{top:-50px;left:-148px}.orbit-two{bottom:8px;right:-265px;width:400px;height:400px}
.auth-panel{padding:43px 42px 25px;min-width:0;background:radial-gradient(ellipse at 100% 0%,#25384a42,transparent 55%),#121e2c}
.auth-switch{display:flex;gap:4px;background:#0b1521;border:1px solid #2a3949;border-radius:10px;padding:4px;margin-right:18px;margin-bottom:28px}
.auth-switch button{flex:1;border:1px solid transparent;border-radius:7px;background:none;color:#91a7bc;font-size:13px;font-weight:700;padding:10px 12px;transition:background .15s,color .15s}
.auth-switch button:hover{color:#d3f5ed}.auth-switch button.active{color:#89f1df;background:#203b40;border-color:#375a5e;box-shadow:0 2px 6px #0003}
.auth-heading h2{font-size:27px;letter-spacing:-1px;margin:0 0 8px;line-height:1.3}.auth-heading>p{font-size:13px;line-height:1.7;color:#97adc1;margin:0 0 25px}
.auth-form .field{margin-bottom:17px}.auth-field label{color:#cbd9e8;font-weight:600;font-size:12px;margin-bottom:8px}
.auth-input{display:flex;position:relative;align-items:center}.auth-input input{min-height:49px;border-radius:9px;padding:12px 43px;background:#0c1724;border:1px solid #2e4256;font-size:14px;transition:border-color .15s,box-shadow .15s}
.auth-input input::placeholder{color:#6e849a;font-size:12px}.auth-input input:focus{outline:none;border-color:#4bbdad;box-shadow:0 0 0 3px #5de7d511}
.auth-input-icon{position:absolute;left:14px;color:#7591a6;height:20px;pointer-events:none}.auth-input:focus-within .auth-input-icon{color:var(--aqua)}
.password-toggle{position:absolute;right:6px;top:6px;bottom:6px;display:grid;place-items:center;border:0;border-radius:6px;background:transparent;color:#728fa5;width:35px;padding:0}
.password-toggle:hover,.password-toggle[aria-pressed=true]{background:#1c303f;color:#81dfcf}
.auth-context{display:flex;gap:9px;align-items:flex-start;color:#8ba4b7;font-size:11px;line-height:1.7;margin:4px 0 0}.auth-context svg{width:15px;height:17px;color:#5cae9d;flex-shrink:0;margin-top:1px}
.auth-form .form-actions{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:23px}.auth-form .form-result{font-size:12px;line-height:1.6}.auth-form .form-result:empty{display:none}
.auth-submit{width:100%;min-height:49px;justify-content:center;background:linear-gradient(110deg,#6aebd6,#4bd6c8);border:1px solid #8beddc55;box-shadow:0 5px 20px #40c9b61a;font-size:13px}
.auth-submit svg{margin-left:6px;width:18px}.auth-submit:hover{background:linear-gradient(110deg,#8af3e2,#67e8d7);box-shadow:0 5px 24px #40c9b62a}
.auth-panel .auth-links{margin-top:20px;font-size:11px;gap:7px;color:#8ba1b7}.auth-panel .text-button{font-weight:700;color:#80e7d5}
.auth-signature{display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;color:#697f92;letter-spacing:.3px;margin-top:23px;padding-top:17px;border-top:1px solid #283b4a80;font-weight:700}
.auth-signature>span{color:#70a99f}.auth-signature i{width:3px;height:3px;background:#4e6579;border-radius:50%;margin:0 4px}
@media(max-width:760px){dialog.auth-modal{width:min(490px,calc(100vw - 28px));max-height:calc(100dvh - 28px);border-radius:18px}.auth-layout{grid-template-columns:1fr;min-height:0}.auth-story{padding:12px 24px 14px;display:flex;align-items:center;flex-direction:row;gap:18px;border-right:0;border-bottom:1px solid #315356;min-height:100px}.auth-story:before{display:none}.auth-brand{width:130px;height:84px;flex-shrink:0;margin:0;filter:drop-shadow(0 7px 12px #001c2a55)}.auth-brand img{width:139px;height:139px;top:-22px}.auth-story-label,.auth-story>p,.auth-story-bottom,.auth-orbit{display:none}.auth-story h2{font-size:20px;letter-spacing:-.6px;line-height:1.4;margin:0;flex:1}.auth-panel{padding:25px 28px 23px}.auth-switch{margin:0 0 23px}.auth-modal .modal-close{right:9px;top:9px;width:25px;height:25px;background:#14313a;color:#a3c2c9;font-size:20px}.auth-heading h2{font-size:26px}.auth-heading>p{margin-bottom:22px}.auth-form .field{margin-bottom:15px}.auth-signature{margin-top:20px}.auth-form .form-actions{margin-top:20px}}
@media(max-width:390px){.auth-panel{padding:23px 21px 20px}.auth-story{padding-left:17px;gap:14px}.auth-story h2{font-size:18px}.auth-brand{width:115px}.auth-brand img{width:130px;height:130px;top:-16px}.auth-heading h2{font-size:24px}.auth-context{font-size:10px}.auth-panel .auth-links{font-size:10px}}
@media(prefers-reduced-motion:reduce){.auth-input input,.auth-switch button{transition:none}}