@import url('https://api.fontshare.com/v2/css?f[]=clash-display@600,700&f[]=satoshi@400,500,700&display=swap');
*{box-sizing:border-box}body{margin:0;background:#17232d;color:#f4eee0;font-family:Satoshi,system-ui,sans-serif}button,input{font:inherit}a{color:#eec28c}button{cursor:pointer}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid #f1b672;outline-offset:4px}.login-shell{min-height:100dvh;max-width:1480px;margin:auto;display:grid;grid-template-columns:1.2fr 1fr;align-items:center;padding:60px clamp(24px,6vw,96px);gap:8vw}.login-brand{display:flex;align-items:center;gap:12px;font:700 23px 'Clash Display',sans-serif;letter-spacing:-.04em}.login-brand img{width:50px;height:50px;object-fit:contain}.login-kicker{font-size:10px;letter-spacing:.18em;font-weight:700;color:#b8c2c3}.login-art h1{font:600 clamp(42px,4.4vw,68px)/1.02 'Clash Display',sans-serif;letter-spacing:-.05em;margin:46px 0 12px;max-width:600px}.login-art h1 em{font:italic 1.13em/1 Georgia,serif;color:#f1b672}.login-art>p{color:#bac5c7;font-size:14px;line-height:1.7;max-width:430px}.login-figure{width:100%;height:auto;max-width:560px;display:block;aspect-ratio:1.3;object-fit:contain;margin:-20px 0 -5px}.login-card{padding:40px;border:1px solid #45555e;border-radius:24px;background:#20313d;box-shadow:0 30px 80px -50px #020b11}.login-card h2{font:600 34px/1.1 'Clash Display',sans-serif;letter-spacing:-.04em;margin:16px 0}.login-card>p{font-size:13px;line-height:1.7;color:#b8c5ca}.login-form{display:grid;gap:12px;margin-top:28px}.login-form label{font-size:12px;font-weight:700;margin-top:6px}.login-input{width:100%;min-height:50px;background:#17232d;border:1px solid #576570;color:#f4eee0;border-radius:10px;padding:12px 15px;font-size:16px}.login-submit{margin-top:12px;background:#edbc80;color:#17232d;font-weight:800;border:0;border-radius:10px;min-height:52px}.login-submit:disabled{opacity:.65;cursor:wait}.login-error{color:#ffaea0;min-height:20px;font-size:13px;line-height:1.5;margin:2px 0}.login-note{padding-top:19px;border-top:1px solid #44535c;font-size:11px!important}.login-footer{display:flex;align-items:center;gap:12px;margin-top:30px;color:#a7b8c1;font-size:10px}.login-footer img{width:48px;height:48px;object-fit:contain}.splash{position:fixed;inset:0;background:#17232d;z-index:10;display:none;align-items:center;justify-content:center;flex-direction:column;gap:24px}.splash__video{width:min(100%,960px);height:auto}.splash h2{font:600 clamp(27px,5vw,50px) 'Clash Display',sans-serif;letter-spacing:-.04em;margin:0 20px}.splash__skip{background:#edbc80;border:0;border-radius:10px;padding:13px 24px;color:#17232d;font-weight:700}.login-screen.is-fading-out{opacity:0;transition:opacity .3s}
@media(max-width:760px){.login-shell{grid-template-columns:1fr;padding:24px 20px 30px;gap:12px}.login-brand{font-size:21px}.login-brand img{width:40px;height:40px}.login-art h1{font-size:39px;margin:28px 0 10px}.login-art>p{font-size:12px}.login-figure{height:225px;max-width:340px;margin:-24px auto -16px}.login-card{padding:26px 23px;border-radius:19px}.login-card h2{font-size:29px;margin-top:12px}.login-form{margin-top:20px}.login-footer{margin-top:18px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}