.auth-page{--auth-art:url("/auth-background-v1.png");min-height:100svh;display:flex;flex-direction:column;align-items:stretch;position:relative;isolation:isolate;padding:0;background:#191524;background-image:linear-gradient(90deg,#0e0b1ac4,#1f10223d 55%,#100a20a6),radial-gradient(ellipse at 30% 15%,#99677a,#43334f 45%,#181525 85%);background-size:cover;background-position:center;background-attachment:fixed;color:#f5ead9}.auth-page .auth-backdrop{position:fixed;inset:0;z-index:-2;pointer-events:none;background-image:linear-gradient(90deg,#0e0b1a88,#1f10221a 55%,#100a2055),var(--auth-art);background-size:cover;background-position:center;background-repeat:no-repeat}.auth-page .auth-atmosphere{position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(0deg,#0c091be6,transparent 50%,#0c091b44)}.auth-page .auth-brand{display:flex;align-items:center;gap:14px;width:min(1260px,100%);margin:auto;padding:26px 42px}.auth-brand img{width:68px;height:68px;object-fit:contain;filter:drop-shadow(0 3px 12px #0008)}.auth-brand span{font:25px Georgia,serif;letter-spacing:.15em;color:#f5d697}.auth-brand small{display:block;margin-top:5px;font:12px/1.5 Arial,sans-serif;color:#e0d2d9}.auth-layout{width:min(1180px,100%);margin:auto;display:grid;grid-template-columns:1fr 460px;align-items:center;gap:70px;padding:24px 42px 36px;flex:1}.auth-intro{padding-bottom:60px;text-shadow:0 3px 22px #140c27}.auth-page .auth-intro .eyebrow{font-size:11px;letter-spacing:.2em;color:#e8cca2}.auth-page .auth-intro h1{font:clamp(44px,5.5vw,76px)/1.08 Georgia,serif;letter-spacing:-.035em;color:#fff2d7;margin:26px 0}.auth-intro h1 em{font-weight:normal;color:#f2cd88}.auth-intro p{font-size:18px;line-height:1.8;color:#e9dce8}.auth-intro>small{font-size:13px;letter-spacing:.08em;color:#dbbdcf}.auth-world-seal{display:flex;align-items:center;gap:16px;width:260px;color:#e4b77d;margin:32px 0 20px}.auth-world-seal span{height:1px;flex:1;background:linear-gradient(90deg,#c9a16b88,transparent)}.auth-world-seal span:first-child{transform:rotate(180deg)}.auth-page .auth-card{width:100%;padding:30px 34px 24px;border:1px solid #a38462;border-radius:18px;background:linear-gradient(145deg,#302039f0,#1d1729f5);box-shadow:0 22px 80px #08051299,inset 0 1px 0 #fae1bc22;backdrop-filter:blur(12px)}.auth-page .auth-stage{margin:0 0 14px;font-size:10px;letter-spacing:.18em}.auth-page .auth-card h2{font:32px/1.2 Georgia,serif;color:#f1d498;margin:0 0 10px}.auth-page #auth-description{color:#d6c7d7;font-size:14px;line-height:1.6;margin:0}.auth-page .auth-tabs{gap:0;border-bottom:1px solid #80637466;margin:22px 0}.auth-page .auth-tabs button{flex:1;border:0;border-bottom:2px solid transparent;border-radius:0;background:none;color:#b9a5c7;padding:12px 6px}.auth-page .auth-tabs .selected{background:none;color:#f4d696;border-bottom-color:#e4ba72}.auth-page .auth-card label{font-size:14px;color:#edddcc;margin:17px 0 0}.auth-page .auth-card input{font-size:16px;min-height:48px;background:#171222a8;border:1px solid #80647a;border-radius:7px;color:#fff3dc;padding:12px 13px}.auth-page .auth-card input::placeholder{color:#a294ad;font-size:14px}.auth-page .auth-card input:focus-visible{outline:2px solid #e4bb7a;outline-offset:2px}.auth-page .auth-card .hint{font-size:12px;color:#bdabc7;line-height:1.5;margin:7px 0 0}.auth-password-field{position:relative;display:block}.auth-page .auth-password-field input{padding-right:92px}.auth-page #auth-toggle-password{position:absolute;right:5px;top:13px;min-height:38px;padding:6px 9px;background:none;border:0;font-size:12px;color:#dcc491}.auth-page #auth-gender{border:0;margin:20px 0 0;padding:0;min-width:0}.auth-page #auth-gender legend{font-size:14px;color:#edddcc;margin-bottom:10px}.auth-gender-options{display:flex;gap:10px}.auth-page .auth-gender-options label{flex:1;margin:0;position:relative;min-width:0;cursor:pointer}.auth-page .auth-gender-options input{position:absolute;left:10px;top:12px;width:20px;height:20px;min-height:0;margin:0;accent-color:#d3aa76}.auth-gender-options span{display:flex;gap:8px;align-items:center;justify-content:center;min-height:48px;padding:10px 8px 10px 29px;border:1px solid #80647a;border-radius:7px;background:#261a32;font-size:14px}.auth-gender-options b{font-size:20px;font-weight:normal;color:#d9bacb}.auth-gender-options input:checked+span{border-color:#e1bc7b;background:#64415c;color:#ffe5b3;box-shadow:inset 0 0 16px #e3b5780d}.auth-gender-options input:focus-visible+span{outline:2px solid #e4bb7a;outline-offset:3px}.auth-page #auth-error{font-size:13px;line-height:1.5;min-height:0;margin:14px 0}.auth-page #auth-error:empty{margin:18px 0}.auth-page .auth-main-button{display:flex;justify-content:center;align-items:center;gap:24px;width:100%;min-height:50px;font-size:16px;font-weight:600;text-decoration:none;border:1px solid #ebcd8b;border-radius:8px;background:linear-gradient(110deg,#dec18b,#b98c55);color:#2a1728;box-shadow:0 6px 20px #09040d55,inset 0 1px 0 #fff3c966}.auth-page .auth-main-button:hover{filter:brightness(1.08)}.auth-page .auth-text-button{display:block;margin:12px auto 0;border:0;background:none;padding:6px;color:#c9afd4;font-size:12px;text-decoration:underline;text-underline-offset:3px}.auth-page .auth-footnote{font-size:11px;text-align:center;color:#a995b3;border-top:1px solid #80637444;padding-top:18px;margin:20px 0 0}.auth-footer{text-align:center;font-size:11px;color:#c4adbf;letter-spacing:.05em;padding:16px 20px 26px}.auth-page #auth-ready{padding-top:15px}.auth-ready-symbol{text-align:center;font-size:55px;color:#e4c188;text-shadow:0 0 35px #d4b06477;margin:10px 0}.auth-page #auth-ready-message{margin:16px 0 28px;overflow-wrap:anywhere;text-align:center;color:#ead9e7;font-size:16px;line-height:1.7}
@media(max-width:850px){.auth-layout{gap:32px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);padding:20px 26px}.auth-page .auth-brand{padding:20px 26px}.auth-intro h1{font-size:48px}.auth-intro p{font-size:15px}.auth-intro .eyebrow{line-height:1.8}.auth-world-seal{width:190px}}
@media(max-width:650px){.auth-page .auth-backdrop{background-position:54% center}.auth-page .auth-brand{justify-content:center;padding:18px 16px}.auth-brand img{width:52px;height:52px}.auth-brand span{font-size:21px}.auth-brand small{font-size:10px}.auth-layout{display:block;max-width:470px;padding:8px 16px 18px}.auth-intro{display:none}.auth-page .auth-card{padding:26px 24px 22px;border-radius:14px}.auth-page .auth-card h2{font-size:29px}.auth-footer{padding:8px 18px 20px;font-size:10px}}
@media(max-width:350px){.auth-layout{padding:4px 10px 14px}.auth-page .auth-card{padding:23px 18px 20px}.auth-page .auth-card h2{font-size:26px}.auth-gender-options{gap:7px}.auth-gender-options span{font-size:12px;padding-left:29px;gap:4px}}
@media(prefers-reduced-transparency:reduce){.auth-page .auth-card{backdrop-filter:none;background:#261b33}}