@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root{--ink:#15263a;--muted:#687b8c;--line:#dce6ee;--blue:#123b78;--blue-dark:#0b2b5a;--cyan:#19b5c8;--paper:#f4f8fb;--white:#fff}
*{box-sizing:border-box}
html{min-height:100%;background:var(--paper)}
body{min-height:100vh;margin:0;color:var(--ink);font-family:'DM Sans',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.tenant-page{min-height:100vh;display:grid;place-items:center;padding:32px;background:radial-gradient(circle at 12% 12%,rgba(25,181,200,.13),transparent 28%),radial-gradient(circle at 91% 88%,rgba(18,59,120,.13),transparent 31%),var(--paper)}
.tenant-card{width:min(1030px,100%);min-height:620px;display:flex;flex-direction:column;padding:31px 39px 27px;border:1px solid rgba(194,210,223,.85);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 28px 75px rgba(24,59,92,.14);position:relative;overflow:hidden}
.tenant-card:before{content:'';position:absolute;width:430px;height:430px;right:-190px;top:-245px;border-radius:50%;background:rgba(25,181,200,.08);pointer-events:none}
.tenant-card:after{content:'';position:absolute;width:280px;height:280px;left:-155px;bottom:-180px;border-radius:50%;background:rgba(18,59,120,.06);pointer-events:none}
.tenant-card-top,.tenant-card-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;position:relative;z-index:1}
.tenant-kicker,.tenant-secure,.partner-label{margin:0;font-size:10px;font-weight:700;letter-spacing:1.8px}
.tenant-kicker{color:#6e8190}.tenant-kicker span{display:inline-block;width:7px;height:7px;margin:0 8px 1px 0;border-radius:50%;background:var(--cyan);box-shadow:0 0 0 5px rgba(25,181,200,.13)}
.tenant-secure{color:#6b8a83;letter-spacing:.3px}.tenant-secure span{display:inline-grid;place-items:center;width:18px;height:18px;margin-right:6px;border:1px solid #b5ded4;border-radius:50%;color:#168d73;font-size:11px}
.tenant-main{flex:1;display:grid;grid-template-columns:minmax(280px,.9fr) minmax(0,1.1fr);align-items:center;gap:76px;padding:76px 43px 75px}
.tenant-logo-wrap{display:grid;place-items:center;width:min(300px,100%);aspect-ratio:1;margin:auto;border-radius:50%;background:linear-gradient(145deg,#f8fbfd,#edf4f8);box-shadow:inset 0 0 0 1px rgba(210,225,235,.8),0 18px 42px rgba(25,69,103,.09)}
.tenant-logo{display:block;width:78%;height:78%;object-fit:contain;mix-blend-mode:multiply}
.tenant-copy{max-width:500px}.tenant-overline{margin:0 0 15px;color:#6c8190;font-size:10px;font-weight:700;letter-spacing:2px}.tenant-copy h1{margin:0;font-family:'Manrope',sans-serif;font-size:clamp(38px,5vw,61px);font-weight:800;letter-spacing:-2.6px;line-height:1.05}.tenant-copy h1 span{color:var(--blue)}
.tenant-description{max-width:410px;margin:24px 0 30px;color:var(--muted);font-size:16px;line-height:1.65}.tenant-login{display:inline-flex;align-items:center;gap:23px;min-height:51px;padding:0 20px 0 23px;border-radius:8px;background:var(--blue);color:#fff;font-size:13px;font-weight:700;box-shadow:0 12px 22px rgba(18,59,120,.2);transition:transform .2s ease,background .2s ease,box-shadow .2s ease}.tenant-login span{font-size:20px;font-weight:400;line-height:0}.tenant-login:hover{background:var(--blue-dark);box-shadow:0 15px 28px rgba(18,59,120,.27);transform:translateY(-2px)}
.tenant-card-bottom{padding-top:23px;border-top:1px solid var(--line)}.tenant-note{display:flex;align-items:center;gap:11px;color:#748697;font-size:11px;line-height:1.55}.tenant-note-icon{display:grid;place-items:center;width:29px;height:29px;border-radius:8px;background:#e8f7f8;color:#1598a9;font-size:17px}.partner-lockup{display:flex;align-items:center;gap:16px}.partner-label{color:#9aaab6;font-size:8px;letter-spacing:1.2px}.partner-logo{display:block;height:auto;object-fit:contain}.partner-ids{width:112px}.partner-hris{width:142px}.partner-divider{width:1px;height:24px;background:var(--line)}
@media(max-width:820px){.tenant-page{padding:18px}.tenant-card{min-height:0;padding:25px 25px 23px;border-radius:19px}.tenant-main{grid-template-columns:1fr;gap:38px;padding:52px 20px 56px;text-align:center}.tenant-logo-wrap{width:min(230px,70vw)}.tenant-copy{margin:0 auto}.tenant-description{margin:20px auto 27px}.tenant-card-bottom{align-items:flex-start;flex-direction:column}.partner-lockup{width:100%;justify-content:flex-start;flex-wrap:wrap;gap:12px}}
@media(max-width:520px){.tenant-page{padding:10px}.tenant-card{padding:20px 18px 19px}.tenant-card-top{align-items:flex-start;flex-direction:column;gap:13px}.tenant-kicker{font-size:9px}.tenant-main{padding:40px 8px 44px;gap:29px}.tenant-copy h1{font-size:38px;letter-spacing:-1.7px}.tenant-description{font-size:14px}.tenant-card-bottom{padding-top:19px}.tenant-note{font-size:10px}.partner-label{width:100%}.partner-ids{width:106px}.partner-hris{width:130px}}
@media(prefers-reduced-motion:reduce){.tenant-login{transition:none}}