:root{font-family:Segoe UI,Arial,sans-serif;color:#1b324e;background:#f3f6fb}*{box-sizing:border-box}body{margin:0}header{display:flex;justify-content:space-between;align-items:center;padding:22px 5%;background:#102842;color:white}.brand{font-size:24px;font-weight:800;color:white;text-decoration:none}.brand span{font-size:15px;font-weight:400;margin-left:20px;color:#c1d3e8}header button{background:transparent;color:#fff;border:1px solid #60758e;padding:10px;border-radius:8px}main{max-width:1440px;margin:60px auto;padding:0 30px}.auth{display:flex;gap:80px;align-items:center;justify-content:center;min-height:65vh}.intro{max-width:470px}.intro h1{font-size:48px;line-height:1.2;letter-spacing:-2px}.eyebrow{font-size:12px;letter-spacing:2px;color:#3673b9;font-weight:700}.card{background:#fff;border:1px solid #dfe7f1;border-radius:18px;padding:32px;box-shadow:0 10px 40px #19335407}.auth .card{width:430px;max-width:100%}h1{font-size:34px}h2{font-size:23px;margin-top:0}h3{font-size:18px}p,small{line-height:1.7;color:#65778d}label{display:block;font-size:13px;font-weight:600;margin:22px 0}input{width:100%;padding:13px;border:1px solid #cbd7e4;border-radius:8px;font:inherit;margin-top:8px}input:focus{outline:2px solid #3171c2}button{cursor:pointer;font:inherit}.primary{display:block;width:100%;padding:14px;color:#fff;background:#2a65b4;border:0;border-radius:8px;margin-top:25px;font-weight:650}a{color:#2862ab}.columns{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:24px}.welcome{margin-bottom:32px}.empty-icon{font-size:40px;border-radius:50%;width:72px;height:72px;display:grid;place-items:center;background:#edf4fd;color:#3673b9;margin:30px 0}dt{font-size:12px;color:#7a8ba0;margin-top:18px}dd{margin:6px 0 0;overflow-wrap:anywhere;font-size:14px}small{font-size:12px}@media(max-width:1000px){.auth{gap:30px}.intro h1{font-size:36px}.columns{grid-template-columns:1fr}}@media(max-width:700px){.auth{display:block;margin:30px auto}.intro{margin-bottom:30px}.intro h1{font-size:32px}.card{padding:24px}.brand span{display:block;margin:4px 0;font-size:13px}main{padding:0 16px}.auth .card{width:100%}}

.support-banner{margin:18px auto;padding:16px 24px;max-width:1200px;display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;background:#15394b;border:1px solid #5bafcf;border-radius:12px}.support-banner span{font-size:13px}.support-banner form{margin:0}

/* Shared KLYS login presentation for every newly provisioned company. */
body.login-page{position:relative;min-height:100vh;overflow-x:hidden;color:#0a2853;background:radial-gradient(circle at 18% 20%,rgba(16,111,232,.42),transparent 31%),radial-gradient(circle at 83% 73%,rgba(0,132,255,.28),transparent 35%),linear-gradient(135deg,#03183b 0%,#073d8b 51%,#0757a3 100%);font-family:Inter,"Segoe UI",Arial,sans-serif}
body.login-page::before{position:fixed;inset:0;z-index:0;content:"";pointer-events:none;opacity:.5;background:url("/login-world.svg") center/cover no-repeat}
body.login-page::after{position:fixed;z-index:0;right:-12vw;bottom:-29vh;left:-12vw;height:55vh;content:"";pointer-events:none;border-top:2px solid rgba(66,196,255,.9);border-radius:50% 50% 0 0;background:radial-gradient(ellipse at 50% 0%,rgba(19,153,255,.42),transparent 68%);box-shadow:0 -20px 65px rgba(0,153,255,.35)}
body.login-page>header{display:none}
.login-page main.login-auth{position:relative;z-index:1;display:grid;width:min(1380px,96vw);max-width:none;min-height:100vh;margin:0 auto;padding:34px 24px;grid-template-columns:minmax(480px,590px) minmax(470px,562px);gap:clamp(54px,6vw,104px);align-items:center;justify-content:center}
.login-page .login-brand-modern{width:100%;max-width:none;color:#fff;text-align:center}
.login-brand-content{width:min(590px,100%);margin:0 auto}
.login-brand-emblem{display:block;width:clamp(168px,12vw,205px);height:clamp(168px,12vw,205px);margin:0 auto 18px;object-fit:cover;border-radius:50%;filter:drop-shadow(0 18px 34px rgba(0,6,24,.42))}
.login-page .login-brand-modern h1{margin:0;color:#fff;font-size:clamp(4rem,5.2vw,5.5rem);font-weight:900;line-height:.95;letter-spacing:.045em;background:linear-gradient(180deg,#fff 12%,#d8e0ec 56%,#fff 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 7px 20px rgba(0,16,50,.34)}
.login-brand-system{margin:10px 0 0;color:#fff;font-size:clamp(.86rem,1.2vw,1.05rem);font-weight:700;letter-spacing:.11em}
.login-brand-divider{display:block;width:min(470px,82%);height:1px;margin:28px auto 34px;background:linear-gradient(90deg,transparent,#00b7ff 45%,#fff 50%,#00b7ff 55%,transparent);box-shadow:0 0 14px #00aaff}
.login-capabilities{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:0 0 48px;padding:0;list-style:none}
.login-capabilities li{min-width:0;display:flex;flex-direction:column;align-items:center;gap:8px;color:#edf8ff;font-size:clamp(.58rem,.69vw,.69rem);font-weight:700;letter-spacing:.035em}
.login-capability-icon{display:grid;place-items:center;width:45px;height:45px;color:#fff;font-size:2.25rem;font-weight:300;line-height:1}
.login-brand-slogan{margin:0;color:#fff;font-size:clamp(.98rem,1.3vw,1.2rem);font-weight:700;line-height:1.5;letter-spacing:.13em}
.login-brand-slogan strong{color:#42c4ff;font-weight:900}
.login-page .login-card-modern{position:relative;width:562px;max-width:100%;min-width:0;min-height:720px;margin:0;padding:46px 52px 32px;color:#0a2853;border:1px solid rgba(186,220,255,.9);border-radius:31px;background:linear-gradient(155deg,rgba(255,255,255,.995),rgba(239,244,251,.99));box-shadow:0 30px 75px rgba(0,17,50,.45),0 0 42px rgba(42,159,255,.58)}
.login-card-head{text-align:center}
.login-card-head h2{margin:0;color:#0a2853;font-size:3.35rem;font-weight:900;line-height:1;letter-spacing:.035em}
.login-card-head p{margin:9px 0 0;color:#132e65;font-size:.94rem;font-weight:700;line-height:1.3;letter-spacing:.13em}
.login-company-logo{display:block;width:128px;height:128px;margin:23px auto 13px;padding:9px;object-fit:contain;border:7px solid #edf2f8;border-radius:24px;background:#fff;box-shadow:0 9px 22px rgba(5,46,86,.22);box-sizing:border-box}
.login-company-logo--fallback{display:grid;place-items:center;color:#7f1d1d;font-size:2.35rem;font-weight:900;letter-spacing:.05em}
.login-company-name{max-width:100%;margin:0 auto;color:#7f1d1d;font-size:clamp(1.55rem,2.15vw,2.05rem);font-weight:900;line-height:1.15;letter-spacing:.035em;overflow-wrap:anywhere}
.tenant-login-form{margin-top:22px}
.tenant-login-form label{display:block;margin:17px 0 8px;color:#112f59;font-size:.84rem;font-weight:800}
.login-input{position:relative;display:block;width:100%;margin-top:8px}
.login-input input{width:100%;min-width:0;min-height:58px;margin:0;padding:0 54px;color:#0c2948;border:1px solid #c8d2df;border-radius:14px;background:#fff;font:inherit;font-size:.95rem;font-weight:500;outline:0;box-shadow:0 8px 18px rgba(16,43,82,.09);transition:border-color .16s,box-shadow .16s}
.login-input input::placeholder{color:#7e90a9}
.login-input input:focus{border-color:#258bd6;box-shadow:0 0 0 4px rgba(31,132,213,.14)}
.login-input::before{position:absolute;z-index:2;top:50%;left:18px;width:25px;height:25px;content:"";transform:translateY(-50%);background-repeat:no-repeat;background-position:center;background-size:contain}
.login-input-user::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='27' height='27' viewBox='0 0 27 27' fill='none' stroke='%2345658f' stroke-width='1.4'%3E%3Ccircle cx='13.5' cy='8' r='5.5'/%3E%3Cpath d='M3 25c0-6.1 4.7-10 10.5-10S24 18.9 24 25'/%3E%3C/svg%3E")}
.login-input-password::before{border:1.7px solid #45658f;border-radius:3px;width:16px;height:17px;left:20px}
.login-input-password::after{position:absolute;z-index:2;top:14px;left:23px;width:10px;height:10px;content:"";border:1.7px solid #45658f;border-bottom:0;border-radius:8px 8px 0 0}
.login-input-password input{padding-right:105px}
#tenantPasswordToggle{position:absolute;z-index:3;top:7px;right:7px;width:auto;min-width:88px;height:44px;padding:0 10px;color:#365783;border:0;border-radius:9px;background:transparent;font-size:.8rem;font-weight:800}
#tenantPasswordToggle:hover,#tenantPasswordToggle:focus{color:#1b4f91;background:#edf3fa}
.tenant-login-form .login-submit{width:100%;min-height:55px;margin-top:26px;padding:0;color:#fff;border:0;border-radius:12px;background:linear-gradient(180deg,#2386ef,#0753c9);box-shadow:0 12px 25px rgba(24,83,202,.28);font-size:1rem;font-weight:900}
.tenant-login-form .login-submit:hover,.tenant-login-form .login-submit:focus{background:linear-gradient(180deg,#3495f5,#075bdc)}
.login-message{margin:14px 0 0;padding:11px 14px;color:#821b1b;border:1px solid #ed9999;border-left:5px solid #d53b3b;border-radius:9px;background:#ffeded;font-size:.86rem;font-weight:700}
.login-separator{position:relative;margin:29px 0 0;padding-top:29px;text-align:center}
.login-separator::before{position:absolute;top:0;left:21%;width:58%;height:1px;content:"";background:linear-gradient(90deg,transparent,#b8cbdc,transparent)}
.login-separator span{position:absolute;top:0;left:50%;padding:0 14px;color:#60758e;background:#f2f6fb;transform:translate(-50%,-50%);font-size:.78rem}
.login-activation-note{margin:0;color:#0562d7;text-align:center;font-size:.8rem;font-weight:800;line-height:1.55}
.login-foot{margin-top:25px;color:#71849d;text-align:center;font-size:.73rem}
.login-preview-note{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:-25px -28px 22px;padding:10px 14px;color:#17436f;border:1px solid #b7d5f2;border-radius:12px;background:#eaf5ff;font-size:.76rem;font-weight:800}
.login-preview-note a{color:#0753c9}
@media(max-width:1050px){.login-page main.login-auth{grid-template-columns:minmax(390px,470px) minmax(430px,530px);gap:34px;padding-inline:18px}.login-page .login-card-modern{padding-inline:42px}.login-capabilities{gap:6px}}
@media(max-width:850px){.login-page main.login-auth{min-height:auto;grid-template-columns:1fr;gap:30px;padding:36px 18px}.login-brand-emblem{width:150px;height:150px}.login-page .login-brand-modern h1{font-size:4rem}.login-capabilities{margin-bottom:34px}.login-page .login-card-modern{width:min(562px,100%);justify-self:center}}
@media(max-width:560px){body.login-page::before,body.login-page::after,.login-page .login-brand-modern{display:none}.login-page main.login-auth{width:100%;max-width:100vw;min-height:100vh;place-items:center;padding:16px 12px}.login-page .login-card-modern{width:100%;max-width:100%;min-width:0;min-height:0;padding:27px 20px 23px;border-radius:22px;box-sizing:border-box}.login-card-head h2{font-size:2.85rem}.login-card-head p{font-size:.72rem}.login-company-logo{width:108px;height:108px;margin-top:18px}.login-company-logo--fallback{font-size:2rem}.login-company-name{font-size:1.42rem}.login-preview-note{margin:-10px 0 18px}.login-input input{max-width:100%;box-sizing:border-box}.login-foot{margin-top:22px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}