:root{font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:#132536;background:#f6f7f5;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}.login-shell{display:grid;grid-template-columns:minmax(0,1.12fr) minmax(380px,.88fr);min-height:100vh}.story{position:relative;overflow:hidden;background:radial-gradient(circle at 78% 16%,#1b686e 0,#173c4b 29%,transparent 52%),linear-gradient(130deg,#122132,#0c1928 72%);color:#f7f6f0;padding:42px clamp(32px,6vw,94px);display:flex;flex-direction:column;justify-content:space-between}.story-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0b 1px,transparent 1px),linear-gradient(90deg,#ffffff0b 1px,transparent 1px);background-size:62px 62px;mask-image:linear-gradient(90deg,transparent,#000)}.orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;pointer-events:none}.orbit-one{width:610px;height:610px;right:-190px;top:9%}.orbit-two{width:330px;height:330px;right:15%;top:24%;border-color:#d3bb9a44;box-shadow:0 0 120px #d3bb9a18}.story-brand,.story-copy,.story-footer{position:relative;z-index:1}.story-brand{display:flex;align-items:center;gap:13px;font-size:17px;font-weight:650;letter-spacing:.08em}.story-brand small{font-size:12px;color:#b3c5c8;margin-left:6px;font-weight:500}.brand-symbol{display:inline-grid;place-items:center;width:42px;height:42px;border:1px solid #e5d2b597;border-radius:12px;background:#ffffff15;color:#f0d5a9;font-family:serif;font-size:24px}.eyebrow,.panel-kicker{font-size:11px;letter-spacing:.28em;font-weight:750;color:#a9cfcf}.story-copy{max-width:690px;padding:60px 0}.story-copy h2{font-size:clamp(44px,5vw,78px);font-weight:650;letter-spacing:-.065em;line-height:1.28;margin:22px 0 24px}.story-copy em{font-style:normal;color:#e3c8a5}.story-copy p{font-size:16px;line-height:1.9;color:#c1cdd0;max-width:470px}.story-tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:30px}.story-tags span{border:1px solid #ffffff2b;color:#d6e0de;border-radius:100px;padding:8px 14px;font-size:12px;letter-spacing:.06em}.story-footer{display:flex;justify-content:space-between;gap:20px;font-size:11px;letter-spacing:.1em;color:#a8b9be}.login-panel{display:grid;place-items:center;padding:46px;background:#f8f9f6}.panel-inner{width:min(100%,410px)}.mobile-brand{display:none}.panel-kicker{color:#648c91}.panel-inner h1{font-size:38px;letter-spacing:-.05em;margin:17px 0 8px;font-weight:680}.panel-lead{color:#71818b;line-height:1.7;margin:0 0 40px}.login-panel form{display:grid}.login-panel label{font-size:13px;font-weight:650;color:#2b4050;margin:0 0 9px}.login-panel input{width:100%;height:52px;padding:0 16px;border:1px solid #dce3e3;background:#fff;border-radius:12px;outline:none;margin-bottom:24px;color:#17303d;transition:.2s}.login-panel input:focus{border-color:#2b7a82;box-shadow:0 0 0 4px #2b7a821a}.login-panel input::placeholder{color:#a4b0b4}.login-panel button{border:0;background:#193d48;color:white;border-radius:12px;height:54px;padding:0 19px;margin-top:7px;font-weight:650;display:flex;justify-content:space-between;align-items:center;cursor:pointer;box-shadow:0 12px 24px #193d4826;transition:.2s}.login-panel button:hover{background:#275c65;transform:translateY(-2px)}.login-panel button:disabled{opacity:.58;cursor:wait;transform:none}.login-panel button span{font-size:20px;font-weight:400}.panel-foot{color:#a5b0af;font-size:12px;margin:29px 0 0;line-height:1.6}.panel-foot span{padding:0 7px}.login-panel [role=alert]{color:#b53f4a;font-size:13px;margin:0 0 14px}.login-panel [role=alert][hidden]{display:none}@media(max-width:900px){.login-shell{grid-template-columns:1fr}.story{min-height:255px;padding:24px 26px}.story-brand,.story-footer,.story-tags,.story-copy p{display:none}.story-copy{padding:38px 0 20px}.story-copy h2{font-size:38px;margin:13px 0}.login-panel{min-height:calc(100vh - 255px);padding:30px 25px 50px;align-items:start}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:37px}.mobile-brand .brand-symbol{background:#193d48;color:#f0d5a9}.panel-inner h1{font-size:32px}.panel-lead{margin-bottom:30px}}
.brand-logo{width:44px;height:44px;object-fit:contain;border-radius:10px;background:#050607;flex:none}.mobile-brand .brand-logo{width:38px;height:38px}