:root{font-family:Segoe UI,Arial,sans-serif;color:#edf3f3;background:#0c191f;font-synthesis:none}*{box-sizing:border-box}body{margin:0;min-height:100vh;display:flex;flex-direction:column}.building,.shade{position:fixed;inset:0;z-index:-1}.building{background:url('/kullo/v2/app/building.jpg') center 52%/cover no-repeat}.shade{background:linear-gradient(90deg,rgba(5,22,29,.79) 0%,rgba(7,23,31,.5) 48%,rgba(5,19,27,.83) 100%),linear-gradient(0deg,rgba(6,20,26,.65),transparent 55%)}header{display:flex;gap:18px;align-items:center;padding:48px 5vw}header strong{display:block;letter-spacing:.1em;font-size:23px}header div span{display:block;letter-spacing:.2em;font-size:10px;margin-top:7px;color:#b2c8cd}.brand-icon{font-size:44px;color:#73d6c9}main{width:100%;max-width:1800px;margin:auto;display:grid;grid-template-columns:1fr 450px;gap:7vw;padding:5vh 5vw 9vh;align-items:center}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.17em;color:#b4d7d2}.intro h1{font-size:clamp(40px,4.3vw,78px);letter-spacing:-.045em;line-height:1.13;font-weight:500;margin:24px 0}.intro p{font-size:19px;line-height:1.7;color:#d1dddd}.line{height:3px;width:66px;background:#71d1c0;margin-top:35px}.login-card{padding:44px;background:rgba(12,29,38,.95);border:1px solid #3d535d;border-radius:14px;box-shadow:0 24px 80px #06121766}.login-card .eyebrow{font-size:10px;color:#73d6c9}.login-card h2{font-size:32px;font-weight:550;letter-spacing:-.025em;margin:17px 0 9px}.muted{color:#b5c6cd;font-size:15px;margin:0 0 32px}label{display:block;font-size:14px;margin:22px 0 10px;color:#d9e5e9}input{width:100%;height:52px;border:1px solid #536b78;border-radius:5px;background:#162e3b;color:#f2f7f9;padding:0 14px;font:16px Segoe UI,Arial,sans-serif}input:focus{outline:2px solid #74d8c7;outline-offset:2px}input::placeholder{color:#a5bac6}.password{position:relative}.password input{padding-right:65px}.password button{position:absolute;right:8px;top:10px;padding:8px;border:0;background:transparent;color:#c3d9df;cursor:pointer}.submit{width:100%;display:flex;justify-content:space-between;align-items:center;height:52px;border:0;border-radius:5px;background:#80d6c4;color:#072820;font-size:16px;font-weight:650;margin-top:29px;padding:0 18px;cursor:pointer}.submit:hover{background:#a0e9db}.submit:disabled{opacity:.6;cursor:wait}.submit span{font-size:24px}.help{font-size:12px;line-height:1.6;color:#a1b7c2;margin:24px 0 0}#login-error{color:#ffb7b7;font-size:14px;line-height:1.5}footer{display:flex;justify-content:space-between;padding:24px 5vw;font-size:11px;color:#c0cdd0;letter-spacing:.04em}@media(max-width:1000px){main{grid-template-columns:1fr 400px;gap:30px}.login-card{padding:32px}.intro h1{font-size:44px}}@media(max-width:760px){header{padding:25px}main{display:block;padding:20px 25px;max-width:520px}.intro{display:none}.login-card{padding:30px}footer{padding:25px;gap:20px;font-size:10px}.building{background-position:35% center}}@media(max-height:750px) and (min-width:761px){header{padding-top:25px;padding-bottom:20px}main{padding-top:10px;padding-bottom:15px}.login-card{padding:28px 40px}}