:root{font-family:'Noto Sans SC',system-ui,sans-serif;color:#e9eee9;background:#091825;font-synthesis:none;text-rendering:optimizeLegibility;--gold:#e6bf78;--muted:#84959c;--line:#233b49;--panel:#101e28}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0;background:radial-gradient(circle at 84% 8%,#223e49 0,transparent 30%),radial-gradient(circle at 12% 95%,#1a3b37 0,transparent 35%),#091825}button,input{font:inherit}button:focus-visible,input:focus-visible{outline:2px solid #e7c37e;outline-offset:3px}.hidden{display:none!important}.auth-shell{width:min(1170px,calc(100% - 48px));min-height:min(760px,calc(100vh - 72px));margin:36px auto;display:grid;grid-template-columns:1.04fr .96fr;border:1px solid #314653;border-radius:20px;overflow:hidden;background:#0e1922;box-shadow:0 35px 100px #0008}.auth-art{position:relative;min-height:680px;overflow:hidden;background:radial-gradient(ellipse at 53% 60%,#45634f 0,#25483e 30%,#172f3b 67%,#13232f 100%)}.auth-art:before,.auth-art:after{position:absolute;content:'';pointer-events:none}.auth-art:before{inset:0;background:linear-gradient(180deg,#142b3b22 10%,#0b1e2c44 52%,#0b1826bb 100%),repeating-linear-gradient(130deg,#ffffff06 0 1px,transparent 1px 32px)}.auth-art:after{width:540px;height:210px;right:-50px;bottom:0;border-radius:55% 55% 0 0;background:linear-gradient(180deg,#49654b,#1c3737);box-shadow:-220px 26px 0 #304c41,-390px 62px 0 #273f3e}.art-orbit{position:absolute;border:1px solid #efcc8570;border-radius:50%;transform:rotate(-26deg)}.orbit-one{width:520px;height:230px;left:7%;top:18%}.orbit-two{width:400px;height:180px;left:18%;top:23%;transform:rotate(31deg);border-color:#cbe1c343}.art-castle{position:absolute;left:50%;top:37%;z-index:1;transform:translate(-50%,-50%);width:176px;height:190px;display:grid;place-items:center;color:#f3d18e;font:150px Georgia,serif;text-shadow:0 12px 0 #364638,0 23px 45px #07111caa;filter:drop-shadow(0 0 26px #edc77c55)}.art-star{position:absolute;z-index:1;color:#f7d998;text-shadow:0 0 20px #f3d184}.star-one{top:27%;left:18%;font-size:25px}.star-two{top:49%;right:15%;font-size:38px}.art-copy{position:absolute;z-index:2;left:11%;right:11%;bottom:12%}.eyebrow{color:#ad9b75;font:500 9px 'DM Mono',monospace;letter-spacing:.18em}.art-copy h1{margin:17px 0 11px;color:#fff1cd;font:600 clamp(40px,5vw,58px)/1.32 'Noto Serif SC',serif;letter-spacing:.04em}.art-copy p{max-width:360px;margin:0;color:#c4cfc4;font-size:13px;line-height:1.9}.art-index{display:flex;align-items:center;gap:12px;margin-top:35px;color:#dfc48b;font:10px 'DM Mono',monospace}.art-index i{width:43px;height:1px;background:#b89f6a66}.art-caption{position:absolute;right:30px;top:28px;color:#e7d5acaa;font:9px 'DM Mono',monospace;letter-spacing:.14em}.auth-panel{display:flex;flex-direction:column;padding:40px clamp(32px,6vw,78px) 28px;background:radial-gradient(ellipse at 100% 0,#b6a5750c,transparent 48%),linear-gradient(145deg,#111f2a,#0c1720)}.wordmark{display:flex;align-items:center;gap:9px;color:#e4d4ae;text-decoration:none;font:500 12px 'DM Mono',monospace;letter-spacing:.12em}.wordmark b{color:#faf3e0;font-weight:500}.wordmark-icon{display:grid;place-items:center;width:27px;height:27px;border:1px solid #b8995e;border-radius:8px;color:#e1be7a;font-size:14px}.auth-main{width:100%;max-width:380px;margin:auto}.auth-main>.eyebrow{margin-bottom:12px}.auth-main h2{margin:0;color:#f1e9d4;font:600 30px 'Noto Serif SC',serif;letter-spacing:.04em}.subtitle{margin:8px 0 25px;color:#8f9fa5;font-size:12px}.role-switch{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:4px;border:1px solid #243a48;border-radius:9px;background:#0a1720}.role-switch button,.auth-tabs button{border:0;background:none;color:#7e9199;cursor:pointer}.role-switch button{height:38px;border-radius:6px;font-size:11px;font-weight:700}.role-switch button.active{background:#1a2b35;color:#eddbb2;box-shadow:inset 0 0 0 1px #3b4d50}.auth-tabs{display:flex;gap:20px;margin:22px 0 19px;border-bottom:1px solid #243744}.auth-tabs button{padding:0 0 10px;font-size:11px}.auth-tabs button.active{border-bottom:1px solid var(--gold);color:#e7cc96}.auth-main form{display:grid}.auth-main label{color:#b9c4c3;font-size:10px;font-weight:600}.auth-main input{width:100%;height:45px;margin:7px 0 17px;padding:0 13px;border:1px solid #263c49;border-radius:7px;background:#0b1821;color:#f4eee0;font-size:12px;transition:border-color .18s}.auth-main input::placeholder{color:#5f727c}.auth-main input:focus{border-color:#9c8356;outline:0;box-shadow:0 0 0 3px #c8a86616}.password-label{display:flex;justify-content:space-between;align-items:center}.password-label span{color:#647981;font-size:9px}.auth-main form>#password{margin-bottom:14px}.password-repeat input{margin-top:7px}.form-error{min-height:18px;margin:0 0 8px;color:#ef9a85;font-size:10px;line-height:1.6}.submit-button{display:flex;align-items:center;justify-content:space-between;width:100%;height:47px;padding:0 15px;border:1px solid #f0d593;border-radius:7px;background:linear-gradient(110deg,#e8ca89,#cda76b);color:#202520;font-size:11px;font-weight:800;box-shadow:0 5px 15px #0003;cursor:pointer;transition:.18s}.submit-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 8px 20px #0005}.submit-button span{font-size:19px}.submit-button:disabled{opacity:.65;cursor:wait}.submit-button.loading span{animation:spin .8s linear infinite}.auth-foot{margin:17px 0 0;color:#657780;font-size:9px;line-height:1.7}.auth-panel footer{display:flex;justify-content:space-between;gap:8px;color:#5e7079;font:9px 'DM Mono',monospace}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:760px){.auth-shell{width:100%;min-height:100vh;margin:0;border:0;border-radius:0;grid-template-columns:1fr}.auth-art{display:none}.auth-panel{min-height:100vh;padding:26px 25px 23px}.auth-main{max-width:420px}.auth-panel footer{max-width:420px;width:100%;margin:0 auto}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}
