* { box-sizing: border-box; }
html, body { margin:0; padding:0; width:100%; height:100%; font-family:'Inter',sans-serif; }
body { position:relative; overflow:hidden; background: linear-gradient(135deg, #0A4A5C 0%, #0DC2FF 50%, #086B8D 100%); }
#kw24-bg-login { position:absolute; inset:0; z-index:0; display:block; }

.stage { position:relative; z-index:2; width:100%; height:100vh; display:flex; align-items:center; gap:6vw; padding-left:7vw; }
.screen { display:flex; flex-direction:column; }
.cap { font-size:12px; font-weight:500; color:rgba(244,252,255,0.85); text-transform:uppercase; letter-spacing:.04em; margin-bottom:10px; }
.ghost-btn { width:100%; background:transparent; color:#033140; font-family:'Rubik',sans-serif; font-weight:500; font-size:14px; padding:11px; border:1px solid rgba(3,49,64,0.25); border-radius:8px; cursor:pointer; margin-top:10px; }

.login-card { width:390px; height:500px; display:flex; flex-direction:column; justify-content:center; background:#F4FCFF; border-radius:16px; padding:2.25rem 2.1rem; box-shadow:0 24px 60px rgba(3,25,32,0.35); }
.login-card img.logo { height:42px; margin-bottom:1.6rem; display:block; }
h1 { font-family:'Rubik',sans-serif; font-weight:700; font-size:24px; color:#033140; margin:0 0 4px; }
.subtitle { font-size:14px; color:#086B8D; margin:0 0 1.6rem; }
label.field { display:block; font-size:13px; font-weight:500; color:#033140; margin-bottom:1rem; }
.field .box { display:flex; align-items:center; gap:8px; border:1px solid rgba(3,49,64,0.18); border-radius:8px; padding:10px 12px; margin-top:6px; background:#fff; }
.field .box input { border:none; outline:none; font-size:14px; color:#033140; flex:1; background:transparent; font-family:'Inter',sans-serif; }
.field .box input::placeholder { color:#9db3ba; }
.icon { width:16px; height:16px; flex-shrink:0; color:#086B8D; }
.row-end { text-align:right; font-size:12px; margin:-0.3rem 0 1.4rem; }
.row-end a { color:#0DC2FF; font-weight:500; text-decoration:none; }
button.cta { width:100%; background:#0DC2FF; color:#033140; font-family:'Rubik',sans-serif; font-weight:700; font-size:15px; padding:12px; border:none; border-radius:8px; cursor:pointer; }
button.cta:hover { background:#3fd0ff; }
.trust { display:flex; align-items:center; gap:6px; font-size:11px; color:#7195a0; margin-top:1.2rem; }
.trust .icon { color:#26FF93; }