:root{font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","PingFang SC","Microsoft YaHei",sans-serif;color:#101418;background:#eef0f2}*{box-sizing:border-box}body{margin:0}.login-shell{display:grid;grid-template-columns:minmax(420px,1.08fr) minmax(440px,.92fr);min-height:100vh;background:#f6f7f8}.visual{position:relative;overflow:hidden;padding:58px 64px;color:#fff;background:radial-gradient(circle at 75% 25%,#2a3035 0,transparent 30%),linear-gradient(145deg,#080b0d 0%,#151a1e 58%,#080a0c 100%)}.visual:before{content:"";position:absolute;width:540px;height:540px;right:-180px;bottom:-210px;border:1px solid #ffffff26;border-radius:50%;box-shadow:0 0 0 72px #ffffff08,0 0 0 144px #ffffff05}.visual:after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 49.8%,#ffffff0d 50%,transparent 50.2%)}.visual-mark{position:relative;z-index:1;font-size:20px;font-weight:800;letter-spacing:5px}.visual-copy{position:absolute;z-index:1;left:64px;top:50%;transform:translateY(-50%)}.eyebrow{font-size:11px!important;letter-spacing:5px;color:#a6adb3!important}.visual-copy h1{margin:25px 0 22px;font-size:clamp(42px,4.3vw,72px);line-height:1.12;letter-spacing:-3px}.visual-copy p{margin:0;color:#aab0b5;font-size:17px;letter-spacing:3px}.visual-index{position:absolute;z-index:1;left:64px;right:64px;bottom:54px;display:flex;align-items:center;gap:16px;color:#7f878d}.visual-index span{color:#fff;font-size:18px}.visual-index b{width:68px;height:1px;background:#62696e}.visual-index small{letter-spacing:3px}.form-side{display:flex;position:relative;align-items:center;justify-content:center;padding:64px}.login-card{width:min(430px,100%)}.brand{display:flex;align-items:center;gap:14px;margin-bottom:72px}.brand>span{display:grid;place-items:center;width:48px;height:48px;background:#111518;color:#fff;font-weight:800;letter-spacing:2px}.brand div{display:flex;flex-direction:column;gap:4px}.brand strong{font-size:16px;letter-spacing:1px}.brand small{font-size:11px;color:#899097;letter-spacing:3px}.heading p{margin:0 0 12px;color:#8c949a;font-size:10px;letter-spacing:4px}.heading h2{margin:0;font-size:34px;letter-spacing:-1px}.heading>span{display:block;margin:13px 0 38px;color:#8a9197}.login-card label{display:block;margin:0 0 22px;color:#596168;font-size:13px}.login-card input{display:block;width:100%;height:56px;margin-top:9px;padding:0 17px;border:1px solid #d7dade;background:#fff;font-size:15px;outline:none;transition:.2s}.login-card input:focus{border-color:#111518;box-shadow:0 0 0 3px #1115180d}.login-card button{display:flex;align-items:center;justify-content:space-between;width:100%;height:58px;margin-top:10px;padding:0 21px;border:0;background:#111518;color:#fff;font-size:15px;font-weight:600;letter-spacing:1px;cursor:pointer;transition:.2s}.login-card button:hover{background:#272d31;transform:translateY(-1px)}.login-card button span{font-size:22px;font-weight:300}.secure{text-align:center;margin-top:23px;color:#a0a6ab;font-size:11px}.message{display:none;margin:-18px 0 24px;padding:12px 14px;font-size:13px}.message.show{display:block}.message.error{background:#fff0f0;color:#b52b2b}.message.success{background:#edf8f1;color:#287447}.form-side footer{position:absolute;bottom:30px;color:#a3a9ae;font-size:11px}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.visual{display:none}.form-side{min-height:100vh;padding:40px 25px}.brand{margin-bottom:55px}.heading h2{font-size:30px}}