:root{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#edf4fa;background:#101821;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh}.login-layout{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.07fr) minmax(410px,.93fr)}.brand-panel{position:relative;isolation:isolate;display:flex;flex-direction:column;justify-content:space-between;padding:clamp(30px,4.7vw,74px);overflow:hidden;background:radial-gradient(ellipse at 70% 70%,#1a4151 0,transparent 55%),linear-gradient(150deg,#122734,#0f1d28 76%);border-right:1px solid #304552}.brand-panel:before{content:"";position:absolute;inset:0;pointer-events:none;opacity:.22;background-image:linear-gradient(#52707c 1px,transparent 1px),linear-gradient(90deg,#52707c 1px,transparent 1px);background-size:56px 56px;mask-image:linear-gradient(180deg,transparent,#000)}.brand-top,.brand-message,.brand-bottom{position:relative}.brand-top{display:flex;align-items:center;gap:14px}.brand-symbol{display:grid;place-items:center;width:51px;height:51px;border-radius:15px;background:#234552;border:1px solid #48717c;font-size:27px}.brand-name{font-size:15px;letter-spacing:.14em;font-weight:600}.brand-name strong{color:#8fe1d1}.brand-message{max-width:650px;margin:48px 0}.overline,.form-eyebrow{font-size:.75rem;letter-spacing:.18em;font-weight:800;color:#82dcca}.online-dot{display:inline-block;width:8px;height:8px;background:#7ce2c1;border-radius:50%;box-shadow:0 0 0 5px #76d9bd19;margin-right:8px}.brand-message h1{font-size:clamp(42px,4.7vw,78px);line-height:1.06;letter-spacing:-.055em;margin:24px 0}.brand-message h1 span{color:#9be4d4}.brand-message>p{max-width:500px;color:#b5c8d1;line-height:1.65;font-size:clamp(15px,1.4vw,18px)}.visual-readout{max-width:550px;margin-top:46px;border:1px solid #4d7783;background:linear-gradient(145deg,#203b49df,#1a2e3ad9);border-radius:20px;padding:21px 24px 17px;box-shadow:0 24px 60px #06131a55}.readout-heading,.readout-foot{display:flex;align-items:center;justify-content:space-between;gap:10px}.readout-heading{font-size:14px;font-weight:700;color:#e5f1f7}.readout-dots{display:flex;gap:5px}.readout-dots i{width:7px;height:7px;background:#78d7bf;border-radius:50%}.readout-dots i:nth-child(2){background:#ffd67c}.readout-dots i:nth-child(3){background:#78c5e7}.readout-chart{width:100%;height:130px;margin:17px 0 5px}.chart-grid{fill:none;stroke:#ffffff18;stroke-width:1}.chart-line{fill:none;stroke:#80ddc7;stroke-width:3.5;stroke-linecap:round}.chart-fill{fill:#66d6c51a}.readout-foot{font-size:11px;color:#a8bfcb;letter-spacing:.02em}.brand-bottom{font-size:10px;letter-spacing:.16em;color:#829ba9}.form-panel{display:flex;flex-direction:column;justify-content:center;align-items:center;background:#101821;padding:45px 28px;position:relative}.form-content{width:min(100%,420px);margin:auto}.mobile-brand{display:none}.form-head{margin-bottom:32px}.form-eyebrow{color:#83d9c9;margin-bottom:18px}.form-head h2{font-size:clamp(29px,2.6vw,39px);line-height:1.15;letter-spacing:-.035em;margin:0 0 13px}.form-head p{margin:0;color:#a8b9c8;line-height:1.6;font-size:15px}.field{margin-bottom:23px}.field label{display:block;font-weight:650;font-size:14px;color:#dce8f0;margin-bottom:10px}.field input{width:100%;height:55px;padding:0 17px;font:inherit;font-size:15px;border-radius:12px;border:1px solid #405160;background:#1b2936;color:#f4f8fc;outline:none;transition:border-color .15s,box-shadow .15s}.field input::placeholder{color:#8596a5}.field input:hover{border-color:#62798a}.field input:focus-visible{border-color:#86dcc9;box-shadow:0 0 0 3px #80ddc72b}.submit-button{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;min-height:55px;margin-top:31px;border:0;border-radius:12px;font:inherit;font-size:16px;font-weight:800;background:#8de0ca;color:#0a2830;cursor:pointer;transition:background .15s,transform .15s}.submit-button:hover{background:#b1f2dc;transform:translateY(-1px)}.submit-button:focus-visible{outline:3px solid #fff;outline-offset:3px}.submit-button span{font-size:22px}.login-error{color:#ffd7d7;background:#50272e;border:1px solid #cf707b;border-radius:11px;padding:14px 16px;margin-bottom:22px;line-height:1.45}.login-note{display:flex;align-items:center;justify-content:center;gap:9px;margin-top:28px;color:#94a8b8;font-size:12px;text-align:center}.login-note svg{width:17px;height:17px;flex:none}.form-footer{font-size:12px;color:#788c9c;text-align:center;margin-top:42px}.form-footer span{margin:0 6px;color:#5a6a7a}@media(max-width:900px){.login-layout{grid-template-columns:1fr}.brand-panel{display:none}.form-panel{min-height:100vh}.mobile-brand{display:flex;align-items:center;gap:10px;margin-bottom:60px;font-size:14px;letter-spacing:.12em;color:#a1e8d6}.mobile-brand span{font-size:30px}.form-content{margin:auto}.form-footer{margin-top:36px}}@media(max-width:480px){.form-panel{padding:35px 22px}.mobile-brand{margin-bottom:55px}.form-head h2{font-size:31px}.field input,.submit-button{min-height:54px}}@media(prefers-reduced-motion:reduce){.submit-button,.field input{transition:none}.submit-button:hover{transform:none}}