:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;color:#263c33;background:#edf0e9;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:grid;place-items:center;padding:44px 24px}button,input{font:inherit}.login-shell{width:min(1060px,100%);min-height:660px;display:grid;grid-template-columns:1fr 1fr;border-radius:19px;overflow:hidden;box-shadow:0 25px 90px #213b3210}.intro{background:#213b32;color:#f3f4e9;padding:44px 46px;position:relative;overflow:hidden;min-height:660px}.brand{display:flex;gap:13px;align-items:center;font-size:20px;font-weight:600;letter-spacing:1px}.brand small{display:block;font-size:9px;letter-spacing:3.5px;color:#a6b5a9;margin-top:5px;font-weight:400}.spade{font-size:48px;line-height:1;color:#dfe8bf}.intro-copy{margin-top:62px;position:relative;z-index:1}.eyebrow{font-size:11px;letter-spacing:2px;color:#8b9b7e}h1{font-size:35px;line-height:1.55;letter-spacing:1px;font-weight:550;margin:19px 0}p{margin:0}.intro-copy p{font-size:12px;line-height:2;color:#a4b6a5}.intro-foot{position:absolute;bottom:35px;font-size:10px;letter-spacing:2px;color:#89a18f}.cards{position:absolute;right:52px;bottom:85px;transform:rotate(-8deg)}.card{width:94px;height:128px;border:1px solid #90a28252;border-radius:8px;background:#314c3a;color:#cad6ac;padding:12px;font-family:Georgia,serif;font-size:28px;box-shadow:0 4px 14px #14291f30}.card span{display:block;font-size:34px;text-align:center;margin-top:9px}.card.back{transform:rotate(-18deg) translate(-44px,0);background:#283f32}.card.front{position:absolute;top:-3px;left:5px;transform:rotate(12deg);background:#ced7b4;color:#294730}.login-panel{background:#fff;display:flex;flex-direction:column;padding:38px 48px}.panel-top{color:#8d9989;font-size:10px;display:flex;align-items:center;gap:7px}.status-dot{width:6px;height:6px;border-radius:50%;background:#729364}.form-wrap{margin:auto 0;padding:45px 0}h2{font-size:27px;font-weight:600;margin:13px 0 12px;letter-spacing:-.5px}.subtitle{font-size:12px;color:#8a9586;line-height:1.8}form{margin-top:31px}label{display:block;font-size:12px;color:#59714f;margin:19px 0 8px}input{width:100%;border:1px solid #dfe5d7;border-radius:7px;color:#294333;padding:13px 14px;background:#fcfdfb;font-size:13px}input::placeholder{color:#afb7a7}input:focus{outline:2px solid #e0eacd;border-color:#789768}button{width:100%;margin-top:10px;border:0;border-radius:7px;background:#35775b;color:#f6f8f0;padding:14px 17px;cursor:pointer;font-size:13px;text-align:left}button span{float:right;font-size:17px}button:hover{background:#2a674d}button:disabled{opacity:.6;cursor:wait}button:focus-visible{outline:3px solid #b6cba7;outline-offset:3px}#login-error{min-height:29px;color:#a76048;font-size:11px;padding-top:10px;line-height:1.6}.privacy-note{display:flex;gap:10px;margin-top:26px;color:#8b9a80;font-size:10px;line-height:1.9}.privacy-note>span{font-size:16px;color:#7c9470}.panel-foot{display:flex;justify-content:space-between;border-top:1px solid #edf0e8;padding-top:21px;color:#8b9881;font-size:10px}.panel-foot span{color:#a6ae9c}@media(max-width:760px){body{padding:22px 15px}.login-shell{max-width:450px;display:block;min-height:0}.intro{padding:25px 28px;min-height:0}.brand{font-size:17px}.spade{font-size:40px}.intro-copy,.cards,.intro-foot{display:none}.login-panel{padding:27px 28px}.form-wrap{padding:30px 0 36px}h2{font-size:25px}.panel-foot{padding-top:18px}}