:root{color-scheme:light;font-family:Inter,"SF Pro Display","PingFang SC","Microsoft YaHei",system-ui,sans-serif;font-synthesis:none;-webkit-font-smoothing:antialiased;color:#1a2837;background:#edf0f4}*{box-sizing:border-box}body{margin:0}.login-page{min-height:100svh;display:grid;place-items:center;padding:32px;background:radial-gradient(ellipse at 10% 8%,#fff 0,transparent 45%),radial-gradient(ellipse at 95% 90%,#dce5eb 0,transparent 45%),#edf0f4}.login-shell{width:min(1080px,100%);min-height:650px;display:grid;grid-template-columns:46% 54%;background:#fff;border:1px solid #ffffffb3;border-radius:24px;overflow:hidden;box-shadow:0 28px 80px -24px #24334930,0 3px 14px #22304406}.brand-panel{position:relative;overflow:hidden;display:flex;flex-direction:column;padding:42px 40px;background:radial-gradient(ellipse at 75% 65%,#163d42 0,transparent 53%),linear-gradient(145deg,#132536,#101c2a 75%);color:#fff}.brand-panel:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:44px 44px;pointer-events:none}.brand{position:relative;display:flex;align-items:center;gap:10px;font-size:25px;font-weight:650;letter-spacing:-.9px}.brand-mark{display:grid;place-items:center;width:34px;height:36px;color:#8de6c4}.brand-mark svg{width:32px;height:32px}.brand-dot{color:#8de6c4}.brand-message{position:relative;margin-top:70px;z-index:1}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2.4px;color:#8798a9}.brand-message .eyebrow{color:#95aaaec2;font-size:9px;letter-spacing:2px}.brand-message h2{font-size:42px;line-height:1.46;font-weight:550;letter-spacing:1px;margin:18px 0 20px}.brand-message h2 span{color:#98e5cd}.message-rule{height:2px;width:32px;background:#81d6bb}.orbit-art{position:relative;width:330px;height:245px;align-self:center;margin-top:6px}.orbit{position:absolute;left:50%;top:53%;border:1px solid #9cddca16;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:210px;height:135px}.orbit-two{width:310px;height:200px}.orbit-three{width:410px;height:265px}.mail-tile{position:absolute;left:50%;top:53%;width:94px;height:94px;display:grid;place-items:center;border-radius:24px;background:linear-gradient(135deg,#375859a6,#243d49ba);border:1px solid #8de6c43b;box-shadow:0 18px 40px #030e224d,inset 0 1px #ffffff0e;transform:translate(-50%,-50%) rotate(-12deg);color:#a0ead2}.mail-tile svg{width:58px;height:58px}.floating-tile{position:absolute;display:grid;place-items:center;border:1px solid #a7c9ca28;border-radius:13px;background:#223745;box-shadow:0 10px 24px #050f2133;color:#b2c7cc}.tile-one{left:22px;top:90px;width:47px;height:47px;font-size:24px;font-weight:400;transform:rotate(9deg)}.tile-two{right:20px;top:154px;width:35px;height:35px;transform:rotate(8deg);background:#1f3b40;color:#a0e4ce}.tile-two svg{width:22px;height:22px}.orbit-point{position:absolute;width:6px;height:6px;border-radius:50%;background:#83cbb5;box-shadow:0 0 12px #8de6c455}.point-one{top:36px;left:220px}.point-two{top:203px;left:111px;width:4px;height:4px;opacity:.6}.brand-footer{position:relative;display:flex;align-items:center;gap:9px;margin-top:auto;font-size:8px;color:#8fa3b2;letter-spacing:1.2px;white-space:nowrap}.small-line{height:1px;width:18px;background:#637a8c}.edition{margin-left:auto;font-size:7px;color:#6e8798;letter-spacing:.8px}.form-panel{display:flex;flex-direction:column;align-items:center;position:relative;padding:70px 58px 28px}.form-content{width:100%;max-width:350px;margin:auto 0}.form-heading .eyebrow{font-size:10px;color:#8b98a7;letter-spacing:2px}.form-heading h1{margin:12px 0 38px;font-size:30px;letter-spacing:1px;font-weight:600;color:#182938}.field{margin-bottom:23px}.field label{display:block;font-size:13px;font-weight:500;margin:0 0 10px;color:#3a4858}.input-wrap{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:16px;width:18px;height:18px;color:#93a1ae;pointer-events:none}.input-wrap input{width:100%;height:52px;background:#f8fafb;border:1px solid #e4e9ee;border-radius:9px;padding:0 44px;font:inherit;font-size:14px;color:#1b2f40;transition:border-color .2s,box-shadow .2s,background .2s}.input-wrap input::placeholder{color:#a8b1bb;font-size:13px}.input-wrap input:hover{border-color:#c6d1da}.input-wrap input:focus{outline:none;background:#fff;border-color:#70a89c;box-shadow:0 0 0 3px #70a89c16}.password-toggle{position:absolute;right:10px;display:grid;place-items:center;width:32px;height:32px;background:none;border:0;border-radius:5px;color:#9ba7b2;cursor:pointer}.password-toggle:hover{background:#eaf0f2;color:#3d655e}.password-toggle:focus-visible{outline:2px solid #70a89c;outline-offset:2px}.password-toggle svg{width:18px;height:18px}.error{min-height:18px;margin:-6px 0 14px;color:#b64242;font-size:12px;line-height:1.6;overflow-wrap:anywhere}.submit{display:flex;align-items:center;justify-content:center;gap:24px;width:100%;height:52px;border:1px solid #172c3e;background:#172c3e;color:white;border-radius:9px;font:inherit;font-size:14px;font-weight:500;letter-spacing:1px;cursor:pointer;box-shadow:0 5px 10px #132a3b14;transition:background .2s,transform .2s,box-shadow .2s}.submit svg{width:18px;height:18px;opacity:.75;transition:transform .2s}.submit:hover{background:#24475a;box-shadow:0 7px 18px #132a3b24}.submit:hover svg{transform:translateX(3px)}.submit:active{transform:translateY(1px)}.submit:focus-visible{outline:3px solid #8bc6b5;outline-offset:3px}.submit:disabled{opacity:.6;cursor:wait}.form-divider{display:flex;align-items:center;gap:10px;margin:34px 0 18px}.form-divider span{height:1px;flex:1;background:#edf0f2}.form-divider i{height:4px;width:4px;background:#c6d1d8;border-radius:1px;transform:rotate(45deg)}.form-signature{text-align:center;font-size:9px;letter-spacing:2px;color:#a1acb7}.form-signature span{padding:0 8px;color:#bbc5cc}.form-panel footer{font-size:10px;letter-spacing:.3px;color:#a1acb7;margin-top:35px}.mobile-brand{display:none}@media(min-width:1440px){.login-shell{min-height:690px}.brand-message{margin-top:84px}.orbit-art{margin-top:16px}}@media(max-width:900px){.login-page{padding:32px 24px}.login-shell{grid-template-columns:43% 57%;min-height:620px}.brand-panel{padding:32px 26px}.brand-message h2{font-size:34px}.brand{font-size:23px}.form-panel{padding:55px 36px 24px}.edition{display:none}.orbit-art{width:280px}.form-heading h1{font-size:28px}}@media(max-width:640px){.login-page{padding:24px 18px;min-height:100svh}.login-shell{display:block;width:100%;max-width:440px;min-height:auto;border-radius:20px;box-shadow:0 18px 60px -20px #24334930}.brand-panel{display:none}.form-panel{padding:36px 28px 24px;min-height:570px}.mobile-brand{display:block;align-self:flex-start;font-size:23px;font-weight:650;letter-spacing:-.8px;color:#172c3e;margin-bottom:46px}.mobile-brand span{color:#62b699}.form-content{max-width:none;margin:0}.form-heading h1{font-size:27px;margin-bottom:30px}.form-panel footer{margin-top:30px}.field{margin-bottom:21px}.form-divider{margin-top:29px}.form-signature{font-size:8px;letter-spacing:1.7px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}