:root{--pf-primary:#5C3AED;--pf-primary-2:#2F55FF;--pf-line:#E5EAF6;--pf-muted:#667085;--pf-ink:#151B2B;--pf-card:#fff;--pf-shadow:0 24px 70px rgba(30,35,48,.11)}
.public-site-body .ap-nav{position:relative;z-index:5}
.public-site-body .landing-hero{min-height:calc(100vh - 112px);padding-top:22px;padding-bottom:34px}
.public-site-body .app-window,.public-site-body .floating-card,.public-site-body .feature-strip,.public-site-body .product-card,.public-site-body .plan-card,.public-site-body .free-card{transition:.2s ease}
.public-site-body .app-window:hover,.public-site-body .floating-card:hover,.public-site-body .product-card:hover,.public-site-body .plan-card:hover,.public-site-body .free-card:hover{transform:translateY(-3px)}
.public-site-body .feature-item{transition:.18s ease}
.public-site-body .footer{border-top:1px solid rgba(227,232,244,.9);margin-top:12px}

.public-auth-body{overflow-x:hidden}
.public-auth-wrap{min-height:100vh;padding:18px;align-items:center}
.public-auth-layout{width:min(940px,100%);gap:18px;align-items:stretch}
.public-auth-layout .auth-panel,.public-auth-layout .auth-card{border-radius:28px;padding:24px;box-shadow:var(--pf-shadow)}
.public-auth-layout .auth-panel{min-height:0}
.public-kicker{display:inline-flex;margin-top:22px;padding:7px 11px;border-radius:999px;background:#EEF1FF;color:var(--pf-primary);font-size:11px;font-weight:900}
.login-title{font-size:31px;line-height:1.12;letter-spacing:-1px;margin:16px 0 10px;color:var(--pf-ink)}
.login-copy{font-size:14px;line-height:1.65;max-width:430px}
.login-ui-preview{margin-top:20px;padding:18px;border-radius:22px;background:linear-gradient(145deg,#fff,#F8F9FF);border:1px solid #EDF0FA;box-shadow:0 16px 36px rgba(16,24,40,.07);transition:.18s ease}
.login-ui-preview:hover{transform:translateY(-2px);box-shadow:0 22px 44px rgba(16,24,40,.10);border-color:#D9DFFF}
.login-ui-top{display:flex;justify-content:space-between;align-items:center;gap:12px;font-size:13px;font-weight:900;color:#303A55}
.login-online{padding:6px 9px;border-radius:999px;background:#ECFDF3;color:#027A48;font-size:10px}
.login-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin:15px 0}
.login-kpis>div{padding:12px;border:1px solid #EDF0F8;border-radius:15px;background:#fff;display:grid;gap:4px}
.login-kpis small{font-size:10px;color:var(--pf-muted);font-weight:700}.login-kpis b{font-size:15px}.login-kpis span{font-size:9px;color:#12B76A;font-weight:800}
.login-flow-row{display:grid;grid-template-columns:8px 1fr auto;gap:10px;align-items:center;padding:10px 0;border-top:1px solid #EEF1F7;font-size:12px;color:#536079;font-weight:700}
.login-flow-row i{width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,var(--pf-primary),var(--pf-primary-2))}.login-flow-row b{color:#12B76A}
.login-card{display:flex;flex-direction:column;justify-content:center}
.login-card h1{font-size:34px;margin:10px 0 6px}.login-card .social-row{margin:14px 0 12px}.social-btn{min-width:112px}
.auth-divider{display:flex;align-items:center;gap:12px;color:#98A2B3;font-size:11px;font-weight:700;margin:2px 0 4px}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:#E8ECF5;flex:1}.auth-divider span{white-space:nowrap}
.login-submit{min-height:46px;margin-top:6px}.auth-bottom-copy{margin-top:16px;text-align:center;font-size:13px}
.public-auth-layout .field input,.public-auth-layout .field select,.public-auth-layout .field textarea{background:#fff}
.public-auth-layout .field input:hover,.public-auth-layout .field select:hover,.public-auth-layout .field textarea:hover{border-color:#D0D6F6}

@media(max-height:850px){.public-auth-wrap{padding:10px}.public-auth-layout{width:min(900px,100%);gap:14px}.public-auth-layout .auth-panel,.public-auth-layout .auth-card{padding:20px;border-radius:24px}.public-kicker{margin-top:14px}.login-title{font-size:27px;margin:12px 0 8px}.login-copy{font-size:13px;line-height:1.52}.login-ui-preview{margin-top:14px;padding:15px}.login-kpis{margin:12px 0}.login-kpis>div{padding:10px}.login-card h1{font-size:30px}.login-card .social-row{margin:10px 0}.public-auth-layout .field{margin:8px 0}.public-auth-layout .field input{padding:11px 13px}.auth-bottom-copy{margin-top:12px}}
@media(max-width:1080px){.public-site-body .landing-hero{min-height:auto}.public-auth-layout{grid-template-columns:1fr}.login-panel{display:none}}
@media(max-width:720px){.public-auth-wrap{padding:10px}.public-auth-layout .auth-card{padding:20px}.login-card h1{font-size:28px}.auth-divider span{font-size:10px}.public-site-body .ap-navlinks a:not(.ap-btn){display:none}}