:root{--navy: #17375f;--blue: #1763d8;--blue-hover: #1257c2;--gold: #dfa32f;--abstract-blue: rgba(23, 99, 216, .17);--abstract-gray: rgba(103, 120, 140, .15);--abstract-gold: rgba(223, 163, 47, .3);--page: #f6f8fa;--brand-bg: #fbfcfd;--form-bg: #ffffff;--divider: #edf0f4;--text: #1d2c42;--muted: #7e8998;--line: #dfe5ec;--input-bg: #fafbfc;--focus: rgba(23, 99, 216, .1);--danger: #b42318;--danger-bg: #fff4f3;--danger-border: #fecaca;--success: #047857;--success-bg: #ecfdf5;--success-border: #bbf7d0}*{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100%}body.login-body{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:24px;font-family:Poppins,sans-serif;color:var(--text);background:radial-gradient(circle at 8% 12%,rgba(205,219,235,.22),transparent 23%),radial-gradient(circle at 93% 8%,rgba(220,230,240,.34),transparent 24%),var(--page);overflow-x:hidden}body.login-body:before{content:"";position:fixed;width:350px;height:350px;top:-215px;right:-205px;border-radius:50%;border:1px solid rgba(23,99,216,.065);pointer-events:none}body.login-body:after{content:"";position:fixed;width:440px;height:440px;left:-365px;bottom:-335px;border-radius:50%;border:1px solid rgba(99,116,137,.07);pointer-events:none}.login-card{position:relative;z-index:1;width:min(900px,100%);min-height:480px;display:grid;grid-template-columns:50% 50%;border:1px solid rgba(19,45,76,.07);border-radius:26px;overflow:hidden;background:#fff;box-shadow:0 22px 54px #1f2d3d12}.brand-panel{position:relative;min-height:480px;display:flex;flex-direction:column;padding:28px 40px;overflow:hidden;background:linear-gradient(145deg,#fcfdfe 0%,var(--brand-bg) 100%);border-right:1px solid var(--divider)}.abstract-top{position:absolute;width:155px;height:155px;top:-72px;right:-55px;border:1px solid var(--abstract-blue);border-radius:50%;transform:rotate(18deg);pointer-events:none}.abstract-top:before{content:"";position:absolute;width:112px;height:112px;top:20px;left:20px;border:1px solid rgba(23,99,216,.1);border-radius:50%}.abstract-top:after{content:"";position:absolute;width:70px;height:70px;top:41px;left:41px;border:1px solid rgba(99,116,137,.09);border-radius:50%}.abstract-bottom{position:absolute;width:140px;height:105px;left:-66px;bottom:-46px;border:1px solid var(--abstract-gray);border-radius:56% 44% 58% 42%/45% 60% 40% 55%;transform:rotate(-18deg);pointer-events:none}.abstract-bottom:before{content:"";position:absolute;width:103px;height:76px;top:13px;left:18px;border:1px solid rgba(99,116,137,.09);border-radius:44% 56% 42% 58%/58% 43% 57% 42%}.abstract-bottom:after{content:"";position:absolute;width:42px;height:1px;top:21px;right:-19px;background:var(--abstract-gold);transform:rotate(-18deg)}.brand-top,.brand-main,.brand-footer{position:relative;z-index:3}.brand-top{min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.holding-logo{width:128px;max-width:100%;height:auto;display:block;object-fit:contain}.holding-name{margin-top:5px;color:#6f7b8b;font-size:.74rem;font-weight:500;letter-spacing:.01em}.brand-main{max-width:325px;margin:auto 0}.platform-label{margin-bottom:5px;color:#a0a9b4;font-size:.57rem;font-weight:500;letter-spacing:.14em;text-transform:uppercase}.brand-title{color:var(--navy);font-size:clamp(2.2rem,4vw,2.72rem);line-height:1;font-weight:600;letter-spacing:-.05em}.brand-title span{color:var(--blue);font-weight:600}.brand-accent{width:34px;height:3px;margin:15px 0 13px;border-radius:999px;background:var(--gold)}.brand-description{max-width:255px;color:#707b89;font-size:.73rem;line-height:1.65;font-weight:400}.brand-footer{color:#a0a8b2;font-size:.57rem;line-height:1.4;font-weight:400}.form-panel{position:relative;display:flex;align-items:center;justify-content:center;padding:36px 46px;background:var(--form-bg)}.form-container{width:100%;max-width:285px}.form-header{margin-bottom:21px}.form-header h1{margin-bottom:5px;color:var(--navy);font-size:1.68rem;line-height:1.1;font-weight:600;letter-spacing:-.04em}.form-header p{color:var(--muted);font-size:.73rem;line-height:1.5;font-weight:400}.login-alert{margin-bottom:11px;padding:9px 10px;border-radius:9px;font-size:.68rem;font-weight:500;line-height:1.4;overflow:hidden;transition:opacity .3s ease,transform .3s ease,max-height .3s ease,margin .3s ease,padding .3s ease}.login-alert-error{color:var(--danger);background:var(--danger-bg);border:1px solid var(--danger-border)}.login-alert-success{color:var(--success);background:var(--success-bg);border:1px solid var(--success-border)}.login-alert.is-hiding{opacity:0;transform:translateY(-5px);max-height:0;margin-bottom:0;padding-top:0;padding-bottom:0;border-width:0}.login-form{display:flex;flex-direction:column;gap:12px}.field{display:flex;flex-direction:column;gap:5px}.field-label{color:#2d405b;font-size:.67rem;font-weight:500}.field-control{position:relative;min-height:41px;display:flex;align-items:center;background:var(--input-bg);border:1px solid var(--line);border-radius:10px;transition:background .17s ease,border-color .17s ease,box-shadow .17s ease}.field-control:hover{border-color:#cbd5df}.field-control:focus-within{background:#fff;border-color:var(--blue);box-shadow:0 0 0 3px var(--focus)}.field-icon{width:36px;min-width:36px;display:flex;align-items:center;justify-content:center;color:#8e9bab;pointer-events:none}.field-control:focus-within .field-icon{color:var(--blue)}.field-icon svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.field-control input{width:100%;height:40px;border:none;outline:none;background:transparent;padding:0 11px 0 0;color:var(--text);font-family:Poppins,sans-serif;font-size:.74rem;font-weight:400}.field-control input::placeholder{color:#abb5c2;font-weight:400}.field-control input#password{padding-right:41px}.password-toggle{position:absolute;top:50%;right:5px;width:29px;height:29px;transform:translateY(-50%);display:inline-flex;align-items:center;justify-content:center;border:none;border-radius:7px;background:transparent;color:#8c99a8;cursor:pointer;transition:background .16s ease,color .16s ease;appearance:none;-webkit-appearance:none}.password-toggle:hover{color:var(--blue);background:#eef4fd}.password-toggle:focus-visible{outline:3px solid var(--focus)}.password-toggle svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.password-toggle .icon-hidden,.password-toggle.is-active .icon-show{display:none}.password-toggle.is-active .icon-hidden{display:block}.form-options{display:flex;justify-content:flex-end;margin-top:-2px}.forgot-link{color:var(--navy);font-size:.64rem;font-weight:500;text-decoration:none;transition:color .16s ease}.forgot-link:hover{color:var(--blue)}.login-btn{width:100%;min-height:41px;margin-top:2px;display:flex;align-items:center;justify-content:center;gap:7px;border:none;border-radius:10px;background:var(--blue);color:#fff;font-family:Poppins,sans-serif;font-size:.73rem;font-weight:500;cursor:pointer;box-shadow:none;transition:background .16s ease,transform .16s ease;appearance:none;-webkit-appearance:none}.login-btn:hover{background:var(--blue-hover);transform:translateY(-1px)}.login-btn:active{transform:translateY(0)}.login-btn svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .17s ease}.login-btn:hover svg{transform:translate(2px)}.login-note{margin-top:2px;color:#9fa8b3;font-size:.56rem;line-height:1.4;text-align:center;font-weight:400}@media (max-width: 860px){body.login-body{padding:18px}.login-card{width:min(480px,100%);grid-template-columns:1fr}.brand-panel{min-height:205px;padding:22px 27px;border-right:none;border-bottom:1px solid var(--divider)}.brand-top{min-height:auto;align-items:flex-start;margin-bottom:13px}.holding-logo{width:90px}.holding-name{margin-top:3px;font-size:.64rem}.brand-main{margin:0}.platform-label{display:none}.brand-title{font-size:2.05rem}.brand-description,.brand-footer{display:none}.brand-accent{margin-bottom:0}.abstract-top{width:120px;height:120px;top:-65px;right:-44px}.abstract-bottom{width:105px;height:78px;left:-58px;bottom:-37px}.form-panel{padding:31px 32px 35px}.form-container{max-width:100%}}@media (max-width: 560px){body.login-body{display:block;padding:0;background:#fff}.login-card{width:100%;min-height:100vh;border:none;border-radius:0;box-shadow:none}.brand-panel{min-height:180px;padding:20px 22px;border-radius:0 0 23px 23px}.holding-logo{width:76px}.holding-name{font-size:.6rem}.brand-title{font-size:1.85rem}.brand-accent{width:29px;margin-top:10px}.abstract-top{width:105px;height:105px;top:-62px;right:-40px}.abstract-bottom{width:92px;height:68px;left:-54px;bottom:-32px}.form-panel{padding:28px 22px 27px}.form-header{margin-bottom:20px}.form-header h1{font-size:1.5rem}}