*{box-sizing:border-box;margin:0;padding:0}body{margin:0;padding:0}#root{width:100%;height:100vh}.login-container{color:#083b52;background:linear-gradient(90deg,#eaf6fc 0% 58%,#fff 58% 100%);grid-template-columns:minmax(0,58%) minmax(420px,42%);width:100%;min-height:100dvh;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:grid;position:relative;overflow:hidden}.login-bg-shape{transform-origin:0 100%;pointer-events:none;position:absolute;bottom:-220px;transform:skew(-17deg)}.login-bg-shape-one{background:#c5ddede0;width:350px;height:650px;left:92px}.login-bg-shape-two{background:#abcde37a;width:260px;height:590px;left:430px}.login-brand-panel,.login-form-panel{z-index:1;min-height:100dvh;position:relative}.login-brand-panel{align-items:center;padding:0 88px;display:flex}.login-brand-content{max-width:390px;margin-top:96px}.login-brand-content h1{color:#0b6b8a;letter-spacing:-1.6px;margin:0;font-size:40px;font-weight:900;line-height:.95}.login-brand-line{background:#d4af37;border-radius:999px;width:68px;height:4px;margin:18px 0 22px}.login-brand-content h2{color:#0b4f68;margin:0 0 24px;font-size:20px;font-weight:800;line-height:1.32}.login-brand-note{gap:18px;display:flex}.login-brand-note span{background:#d4af37;border-radius:999px;flex:none;width:2px;height:46px;margin-top:3px}.login-brand-note p{color:#1b7895c7;max-width:310px;margin:0;font-size:14px;font-weight:500;line-height:1.7}.login-form-panel{justify-content:center;align-items:center;padding:0 72px 0 24px;display:flex}.login-card{box-sizing:border-box;background:#fff;border-radius:42px 42px 64px 64px;width:min(376px,100%);min-height:468px;padding:46px 40px 38px;box-shadow:0 24px 90px #0b6b8a29}.login-header{text-align:center;margin-bottom:32px}.login-header h1{color:#0b6b8a;text-transform:uppercase;margin:0;font-size:20px;font-weight:900;line-height:1.2}.login-header p{color:#7ea6b5;letter-spacing:.32em;text-transform:uppercase;margin:8px 0 0;font-size:9px;font-weight:900}.login-form{flex-direction:column;gap:16px;display:flex}.form-group{display:block}.form-group input{box-sizing:border-box;color:#083b52;width:100%;height:58px;font:inherit;background:#fff;border:1px solid #c7e0e8;border-radius:22px;outline:none;padding:0 24px;font-size:14px;font-weight:600;transition:border-color .2s,box-shadow .2s}.form-group input::placeholder{color:#083b5273}.form-group input:focus{border-color:#0b6b8a;box-shadow:0 0 0 4px #0b6b8a14}.form-group input:disabled,.login-button:disabled{cursor:not-allowed;opacity:.7}.error-message{color:#dc2626;text-align:center;background:#fff1f2;border:1px solid #fecaca;border-radius:16px;padding:12px 16px;font-size:13px;font-weight:700}.login-button{color:#fff;width:100%;height:54px;font:inherit;letter-spacing:.28em;text-transform:uppercase;cursor:pointer;background:#0b7891;border:none;border-radius:22px;margin-top:8px;font-size:10px;font-weight:900;transition:background .2s,transform .2s;box-shadow:0 12px 24px #0b789147}.login-button:hover:not(:disabled){background:#09677d}.login-button:active:not(:disabled){transform:scale(.99)}.login-footer{text-align:center;margin-top:32px}.login-footer button{color:#7ea6b5;font:inherit;letter-spacing:.22em;text-transform:uppercase;cursor:pointer;background:0 0;border:none;font-size:9px;font-weight:900}.login-footer button:hover{color:#0b6b8a}.demo-note{color:#9bb6c2;text-transform:uppercase;margin:16px 0 0;font-size:8px;font-weight:800}@media (width<=1023px){.login-container{background:#eaf6fc;justify-content:center;align-items:center;padding:24px;display:flex}.login-brand-panel{display:none}.login-form-panel{width:100%;min-height:auto;padding:0}}@media (width<=520px){.login-card{width:100%;min-height:430px;padding:34px 24px}}