:root{--navy:#102b46;--navy2:#173b5c;--cyan:#2da4cc;--ink:#172536;--muted:#6c7b89;--line:#dce4e9;--green:#2c8c68}*{box-sizing:border-box}html,body{min-height:100%;margin:0}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:#f5f7f9}.login-shell{min-height:100vh;display:grid;grid-template-columns:minmax(420px,1.05fr) minmax(480px,.95fr)}.login-brand{position:relative;overflow:hidden;background:linear-gradient(145deg,#0e2944 0%,#163b5d 60%,#1d486c 100%);color:#fff;padding:64px clamp(46px,7vw,108px);display:flex;align-items:center}.login-brand::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 80% 15%,rgba(69,184,217,.18),transparent 33%),linear-gradient(120deg,transparent 42%,rgba(255,255,255,.03) 42%,rgba(255,255,255,.03) 58%,transparent 58%)}.brand-content{position:relative;z-index:2;max-width:620px}.brand-content img{width:min(260px,68%);height:auto;margin-bottom:70px}.brand-kicker,.eyebrow{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:.72rem;font-weight:800}.brand-kicker{color:#7bc8e1;margin-bottom:16px}.brand-content h1{font-size:clamp(2.5rem,4.2vw,4.7rem);letter-spacing:-.05em;line-height:1.02;margin:0}.brand-content>p{color:#c2d2df;font-size:1.04rem;line-height:1.7;max-width:540px;margin:25px 0 34px}.feature-list{display:flex;gap:22px;flex-wrap:wrap;color:#d7e4ec;font-size:.82rem}.feature-list span{display:flex;align-items:center;gap:8px}.feature-list i{width:7px;height:7px;border-radius:50%;background:#58c995;box-shadow:0 0 0 5px rgba(88,201,149,.11)}.radar{position:absolute;width:420px;height:420px;border-radius:50%;right:-205px;bottom:-160px;border:1px solid rgba(98,193,220,.16)}.radar span{position:absolute;border:1px solid rgba(98,193,220,.14);border-radius:50%;inset:15%}.radar span:nth-child(2){inset:30%}.radar span:nth-child(3){inset:44%}.radar b{position:absolute;width:10px;height:10px;background:#62d3a1;border-radius:50%;left:29%;top:21%;box-shadow:0 0 22px #62d3a1}.login-panel{padding:40px clamp(35px,7vw,100px);display:grid;grid-template-rows:1fr auto;align-items:center;background:linear-gradient(180deg,#fff,#f5f7f9)}.login-card{width:min(440px,100%);margin:auto}.mobile-logo{display:none}.eyebrow{color:#2e709d;margin-bottom:13px}.login-card h2{font-size:2rem;letter-spacing:-.035em;margin:0 0 8px}.intro{color:var(--muted);margin:0 0 34px}.login-card form{display:grid;gap:21px}.login-card label>span{display:block;font-size:.78rem;font-weight:750;margin-bottom:7px}.login-card input{width:100%;height:52px;border:1px solid #cbd6dd;border-radius:9px;padding:0 14px;background:#fff;color:var(--ink);font:inherit;transition:.16s}.login-card input:focus{outline:0;border-color:#3a87b2;box-shadow:0 0 0 4px rgba(58,135,178,.12)}.password-field{position:relative}.password-field input{padding-right:82px}.password-field button{position:absolute;right:8px;top:8px;height:36px;border:0;background:#eef3f6;color:#315f7e;border-radius:6px;padding:0 10px;font-size:.72rem;font-weight:750;cursor:pointer}.form-message{min-height:20px;margin:-8px 0 -7px;color:#a63c3c;font-size:.78rem}.submit-button{height:53px;border:0;border-radius:9px;background:var(--navy);color:#fff;padding:0 18px;display:flex;align-items:center;justify-content:space-between;font-weight:800;cursor:pointer;box-shadow:0 13px 27px rgba(16,43,70,.2);transition:.16s}.submit-button:hover{background:var(--navy2);transform:translateY(-1px)}.submit-button:disabled{opacity:.66;cursor:wait;transform:none}.submit-button i{font-style:normal;font-size:1.35rem}.security-note{margin-top:28px;padding-top:22px;border-top:1px solid var(--line);display:flex;gap:11px;align-items:flex-start}.security-note>span{width:25px;height:25px;display:grid;place-items:center;border-radius:50%;background:#e8f7f0;color:var(--green);font-size:.75rem;font-weight:900}.security-note p{font-size:.72rem;color:var(--muted);margin:0}.security-note strong{display:block;color:var(--ink);font-size:.76rem;margin-bottom:2px}.login-panel footer{text-align:center;color:#8b98a3;font-size:.69rem}.submit-button.loading i{width:17px;height:17px;border:2px solid rgba(255,255,255,.4);border-top-color:#fff;border-radius:50%;font-size:0;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:850px){.login-shell{grid-template-columns:1fr}.login-brand{display:none}.login-panel{min-height:100vh;padding:35px 24px}.mobile-logo{display:block;margin-bottom:44px}.mobile-logo img{width:190px}.login-card{background:#fff;padding:30px 24px;border:1px solid var(--line);border-radius:16px;box-shadow:0 20px 55px rgba(16,43,70,.11)}.login-panel footer{margin-top:30px}}@media(max-width:420px){.login-panel{padding:18px}.login-card{padding:25px 19px}.login-card h2{font-size:1.65rem}}