:root{color-scheme:dark;--gold:#c49b64;--muted:#ada59a;--line:#766149}*{box-sizing:border-box}body{position:relative;margin:0;min-height:100svh;background:#100c10;color:#e7e1d6;font:14px/1.5 Georgia,'Times New Roman',serif}a{color:inherit;text-underline-offset:4px}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.55}.symbols{position:absolute;width:0;height:0;overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(90deg,rgba(0,0,0,.13),transparent 28%,rgba(0,0,0,.12) 70%,rgba(0,0,0,.24)),linear-gradient(0deg,rgba(4,4,8,.7),transparent 25%,rgba(3,5,9,.17)),url('background.png') center/cover no-repeat}.embers{position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 50% 53%,rgba(3,6,9,.2),transparent 44%)}.auth-layout{min-height:100svh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:42px 24px 86px}.brand{display:block;width:min(540px,44vw);margin:0 auto 24px;filter:drop-shadow(0 6px 18px #0009)}.brand img{display:block;width:100%;height:auto}.auth-panel{position:relative;width:min(510px,100%);padding:32px 45px 25px;border:1px solid #aa8751;outline:1px solid #372c22;outline-offset:4px;background:radial-gradient(ellipse at 40% 5%,#22232466,transparent 60%),linear-gradient(135deg,#080b0bf7,#0b0b0cf7);box-shadow:0 12px 70px #0009,inset 0 0 0 5px #090b0b,inset 0 0 0 6px #4f4333}.auth-panel:before,.auth-panel:after{content:'';position:absolute;inset:9px;pointer-events:none;border:1px solid #af8d4d24}.auth-panel:after{inset:0;opacity:.022;background:repeating-linear-gradient(130deg,transparent 0 3px,#d4c1ab 4px,transparent 5px)}h1{font-size:14px;font-weight:400;letter-spacing:3.6px;text-align:center;margin:0 0 24px}.corner{position:absolute;width:31px;height:31px;border:3px double #b48c4d;z-index:2;pointer-events:none}.corner:after{content:'◆';position:absolute;color:#b48c4d;font-size:11px;top:-10px;left:-5px;text-shadow:0 1px #000}.tl{left:-4px;top:-4px;border-right:0;border-bottom:0}.tr{right:-4px;top:-4px;transform:rotate(90deg);border-right:0;border-bottom:0}.bl{left:-4px;bottom:-4px;transform:rotate(-90deg);border-right:0;border-bottom:0}.br{right:-4px;bottom:-4px;transform:rotate(180deg);border-right:0;border-bottom:0}.field{position:relative;display:flex;align-items:center;min-height:52px;border:1px solid #686359;background:linear-gradient(110deg,#050606d9,#040505b3);box-shadow:inset 0 0 8px #000; margin:0 0 12px;font-family:Arial,sans-serif}.field:focus-within{border-color:#d3ab70;box-shadow:0 0 0 1px #c4986344}.field>svg{flex:0 0 21px;width:21px;height:21px;fill:#afafab;margin-left:16px}.field input{border:0;outline:0;width:100%;min-width:0;background:transparent;color:#f1ede6;padding:15px 15px;font-size:14px}.field input::placeholder{color:#9b9995}.field:has(.show-password) input{padding-right:4px}.show-password{background:none;border:0;flex:0 0 42px;padding:8px;color:#a8a8a3}.show-password svg{width:21px;height:21px;fill:currentColor}.show-password:hover{color:var(--gold)}input:-webkit-autofill{-webkit-text-fill-color:#e7e1d6;box-shadow:0 0 0 1000px #111414 inset}.form-options{font:12px/1.5 Arial,sans-serif;display:flex;justify-content:space-between;gap:12px;margin:16px 0 27px;color:#c9c8c2}.remember{display:flex;gap:8px;align-items:center;cursor:pointer}.remember input{appearance:none;width:17px;height:17px;border:1px solid #99978e;margin:0;background:#080909}.remember input:checked{background:#a7834d;box-shadow:inset 0 0 0 3px #10100f}.primary{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:56px;margin-top:20px;padding:12px 16px;border:1px solid #c7a06b;outline:1px solid #594337;outline-offset:3px;background:linear-gradient(0deg,#310303,#760806 50%,#3c0203);box-shadow:inset 0 0 0 3px #1e0907,inset 0 0 0 4px #9b3d30,inset 0 0 22px #b91c1644,0 3px 12px #0009;color:#fff1dc;font-size:20px;letter-spacing:1px;text-shadow:0 2px 3px #000;position:relative}.primary:not(:has(span)){justify-content:center;font-size:17px}.primary span{color:#b8654b;font-size:26px;line-height:1}.primary:hover{filter:brightness(1.2)}.primary:active{transform:translateY(1px)}.join{display:flex;align-items:center;justify-content:center;gap:22px;margin:30px 0 4px;text-decoration:none;color:#d4ad74;font-size:12px;letter-spacing:2.5px;white-space:nowrap}.join span{height:1px;flex:1;max-width:57px;background:linear-gradient(90deg,transparent,#bf965a);position:relative}.join span:last-child{transform:rotate(180deg)}.join span:after{content:'◆';font-size:6px;position:absolute;right:-3px;top:-4px}.join:hover,.back-link:hover,.text-button:hover{color:#ffe3b8}.panel-gem{position:absolute;bottom:-14px;left:calc(50% - 12px);font-size:20px;color:#bf955a;text-shadow:0 0 2px #000,2px 2px #221407}.motto{position:fixed;top:7%;font-size:12px;letter-spacing:5px;line-height:1.5;text-shadow:0 2px 4px #000;color:#d7cec0}.motto-left{left:2.6%}.motto-right{right:2.6%;text-align:right;top:11%}.motto span{display:block;background:#ba955e;height:2px;width:27px;margin-top:14px}.motto-right span{margin-left:auto}.tagline{font-size:11px;letter-spacing:3px;color:#d0ac72;margin:37px 0 0;text-align:center;text-shadow:0 2px 4px #000}.tagline:after{content:'';display:block;width:190px;height:1px;background:linear-gradient(90deg,transparent,#d6b67e,transparent);margin:12px auto 0}footer{position:absolute;bottom:22px;left:2.6%;right:2.6%;display:flex;align-items:end;justify-content:space-between;font-size:10px;letter-spacing:1.2px;color:#b9b2a6;pointer-events:none}footer small{display:block;font-size:8px;color:#9a9286;margin-top:3px}footer p{text-align:right;margin:0}footer p span{color:#c29a62;display:block;font-size:9px}.studio{display:flex;align-items:center;gap:12px}.studio>b{font:bold italic 30px Georgia;color:#c1a47b}.intro{text-align:center;color:var(--muted);font:13px/1.65 Arial,sans-serif;margin:-5px 0 23px}.intro strong{color:#ded6c8;font-weight:400;overflow-wrap:anywhere}.notice{font:13px/1.6 Arial,sans-serif;padding:11px 13px;border:1px solid #716042;background:#57452433;color:#ecd4a8;margin:0 0 18px;overflow-wrap:anywhere}.error{border-color:#9d5141;background:#6b1c1533;color:#ffc0b0}.success{border-color:#607151;background:#29441b33;color:#d3e2bd}.development-code{border:1px dashed #8b7046;background:#a9864620;text-align:center;padding:13px 10px;margin-bottom:20px;font-family:Arial,sans-serif}.development-code small{color:#d8b277;font-size:10px;letter-spacing:1.1px}.development-code p,.development-code span{font-size:12px;color:#c2b69f;margin:7px 0}.development-code strong{display:block;color:#ffdb94;letter-spacing:9px;font-size:30px;font-weight:400;margin-left:9px}.development-code span{display:block}.code-field input{text-align:center;letter-spacing:5px;font-size:19px}.code-help{font:11px Arial,sans-serif;color:#b0a594;text-align:center;margin:-3px 0 20px}.resend-form{text-align:center;margin-top:22px}.text-button{background:none;border:0;text-decoration:underline;text-underline-offset:4px;color:#d6b077;font:12px Arial,sans-serif;padding:7px}.back-link{display:block;text-align:center;margin-top:10px;font:12px Arial,sans-serif;color:#bbb1a3;text-decoration:none}.view-register .brand,.view-verify .brand,.view-reset .brand{width:min(430px,40vw);margin-bottom:22px}.view-register .auth-layout,.view-verify .auth-layout,.view-reset .auth-layout{padding-top:26px}.view-register .field{min-height:47px}.view-register .field input{padding-top:13px;padding-bottom:13px}a:focus-visible,button:focus-visible,input[type=checkbox]:focus-visible{outline:2px solid #e7bb78;outline-offset:5px}
@media(min-width:1500px) and (min-height:850px){.brand{width:590px;margin-bottom:34px}.auth-panel{width:530px;padding:34px 49px 28px}.field{min-height:54px}.auth-layout{padding-bottom:105px}.view-register .brand,.view-verify .brand,.view-reset .brand{width:460px}}
@media(max-width:800px){.motto{display:none}.backdrop{background-position:48% center}.brand,.view-register .brand,.view-verify .brand,.view-reset .brand{width:min(440px,83vw)}.auth-layout{padding:32px 23px 110px;justify-content:center}.auth-panel{width:470px;max-width:100%;padding:29px 27px 25px}footer{left:24px;right:24px}.studio>b{font-size:24px}.tagline{font-size:9px;letter-spacing:2px}.form-options{font-size:11px}.join{gap:12px;letter-spacing:2px}.backdrop:after{content:'';position:absolute;inset:0;background:#05060933}}
@media(max-height:760px) and (min-width:801px){.auth-layout{padding-top:20px;padding-bottom:78px}.brand{width:390px;margin-bottom:18px}.view-register .brand,.view-verify .brand,.view-reset .brand{width:310px}.auth-panel{padding-top:25px;padding-bottom:22px}h1{margin-bottom:20px}.tagline{margin-top:24px}footer{position:absolute}}
@media(max-width:400px){.auth-panel{padding-left:20px;padding-right:20px}.form-options{gap:7px;flex-wrap:wrap}.studio span{font-size:8px}.join{font-size:10px}.primary{font-size:18px}.auth-layout{padding-left:17px;padding-right:17px}}
@media(prefers-reduced-motion:no-preference){.auth-panel{animation:enter .45s ease-out}@keyframes enter{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}}