:root{font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;color:#f4eee4;background:#131210;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;display:grid;place-items:center;padding:28px;background:radial-gradient(ellipse at 80% 14%,#342618 0,transparent 39%),#131210}button,input{font:inherit}
.login-shell{width:min(1160px,100%);min-height:700px;display:grid;grid-template-columns:minmax(410px,.92fr) minmax(420px,1.08fr);overflow:hidden;border:1px solid #37332c;border-radius:25px;background:#1a1917;box-shadow:0 34px 100px #0008,0 1px #ffffff08 inset}.login-card{padding:48px clamp(36px,6vw,76px) 30px;display:flex;flex-direction:column;justify-content:center}.login-brand{height:47px;display:flex;align-items:center;gap:13px;margin-bottom:54px}.login-brand img{width:126px;height:auto;object-fit:contain;filter:brightness(0) saturate(100%) invert(94%) sepia(13%) saturate(471%) hue-rotate(335deg) brightness(105%) contrast(92%)}.login-brand span{margin-top:19px;color:#aaa295;font-size:9px;font-weight:700;letter-spacing:.23em}
.eyebrow{display:flex;align-items:center;gap:9px;color:#f3a439;font-size:10px;font-weight:700;letter-spacing:.16em}.eyebrow i,.art-top i{width:7px;height:7px;border-radius:50%;background:#fd8a00;box-shadow:0 0 13px #fd8a0080}.login-card h1{margin:17px 0 12px;font-size:clamp(42px,5.4vw,62px);line-height:1.06;letter-spacing:-.065em;font-weight:750}.intro-copy{max-width:385px;margin:0;color:#a9a39a;font-size:14px;line-height:1.75}form{margin-top:30px}label{display:block;margin:0 0 9px;color:#e9e2d8;font-size:12px;font-weight:600}.input-wrap{height:53px;display:flex;align-items:center;gap:12px;margin-bottom:19px;padding:0 15px;border:1px solid #403c35;border-radius:10px;background:#211f1c;transition:border-color .18s,box-shadow .18s}.input-wrap:focus-within{border-color:#df8a24;box-shadow:0 0 0 3px #ee941b1b}.input-wrap>span{color:#8d877f}.input-wrap input{width:100%;height:100%;padding:0;border:0;outline:0;background:transparent;color:#f7f1e8;font-size:13px}.input-wrap input::placeholder{color:#77726a}.input-wrap button{border:0;background:transparent;color:#a9a39a;cursor:pointer}.password-label{display:flex;align-items:center;justify-content:space-between}.password-label label{margin-bottom:9px}.password-label span{margin:0 0 9px;color:#77736c;font-size:10px}#login-error{margin:-4px 0 14px;padding:10px 12px;border:1px solid #743a34;border-radius:8px;background:#321f1c;color:#ffc1b7;font-size:12px}.submit{width:100%;height:53px;display:flex;align-items:center;justify-content:center;gap:12px;margin-top:5px;border:1px solid #ff9a19;border-radius:10px;background:linear-gradient(105deg,#ff9b18,#fa8200);color:#20160b;font-weight:700;font-size:13px;cursor:pointer;transition:filter .15s,transform .15s}.submit:hover{filter:brightness(1.07);transform:translateY(-1px)}.submit:disabled{opacity:.65;cursor:wait}.submit b{font-size:18px;font-weight:500}footer{display:flex;align-items:center;gap:8px;margin-top:30px;color:#77736c;font-size:10px}footer i{width:7px;height:7px;border-radius:50%;background:#82c58e;box-shadow:0 0 10px #82c58e44}footer span{color:#4d4943}
.login-art{position:relative;isolation:isolate;overflow:hidden;min-height:700px;background:linear-gradient(145deg,#302516,#211f1a 43%,#151512)}.login-art:before{position:absolute;z-index:-2;inset:0;content:"";background:linear-gradient(180deg,#100f0d20,#14120fc4),radial-gradient(ellipse at 58% 47%,#d885272d,transparent 38%)}.login-art:after{position:absolute;z-index:-1;inset:0;content:"";opacity:.23;background-image:linear-gradient(#a69c7c12 1px,transparent 1px),linear-gradient(90deg,#a69c7c12 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(180deg,#000,transparent 85%)}.art-top,.art-bottom{position:absolute;right:34px;left:34px;display:flex;align-items:center;justify-content:space-between;color:#aaa194;font-size:9px;font-weight:600;letter-spacing:.15em}.art-top{top:33px;justify-content:flex-start;gap:10px}.art-top span{margin-left:auto;color:#706b62}.map-lines{position:absolute;inset:72px 25px 180px;overflow:hidden;opacity:.9}.map-lines:before,.map-lines:after{position:absolute;content:"";inset:-20%;border:1px solid #9287732a;border-radius:42%;transform:rotate(-26deg) scale(1.35)}.map-lines:after{inset:1% -30%;transform:rotate(29deg) scale(1.12)}.map-lines b{position:absolute;width:14px;height:14px;border:4px solid #ff9b18;border-radius:50%;background:#f6ebd9;box-shadow:0 0 0 7px #ff9b181c,0 0 24px #ff9b1870}.map-lines b:nth-child(1){top:23%;left:32%}.map-lines b:nth-child(2){top:37%;left:73%;width:12px;height:12px}.map-lines b:nth-child(3){top:62%;left:49%;width:19px;height:19px}.map-lines b:nth-child(4){top:76%;left:83%;width:11px;height:11px}.map-lines b:nth-child(5){top:49%;left:17%;width:10px;height:10px}.map-lines b:nth-child(6){top:14%;left:83%;width:12px;height:12px}.art-caption{position:absolute;left:54px;bottom:107px}.art-caption small{color:#d7a45d;font-size:9px;font-weight:700;letter-spacing:.18em}.art-caption h2{margin:17px 0 11px;font-size:clamp(42px,5vw,64px);font-weight:650;line-height:1.03;letter-spacing:-.065em;color:#f3ebdd}.art-caption p{margin:0;color:#a9a093;font-size:13px}.art-bottom{bottom:32px;padding-top:17px;border-top:1px solid #f0e5d21c;font-size:8px;color:#827c71}
@media(max-width:850px){body{padding:18px}.login-shell{max-width:520px;min-height:0;grid-template-columns:1fr}.login-card{padding:38px clamp(28px,8vw,54px) 28px}.login-brand{margin-bottom:42px}.login-art{display:none}.login-card h1{font-size:52px}}@media(max-width:420px){body{padding:0;background:#1a1917}.login-shell{min-height:100vh;border:0;border-radius:0;box-shadow:none}.login-card{padding:30px 25px 25px}.login-brand{margin-bottom:46px}.login-card h1{font-size:46px}footer{flex-wrap:wrap;margin-top:25px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition:none!important}}