.public-page{min-height:100vh;background:radial-gradient(circle at 12% 10%,rgba(46,107,255,.13),transparent 32rem),linear-gradient(145deg,#eef3fb,#f8fafc 52%,#eaf7f5);display:grid;place-items:center;padding:30px}
.public-shell{width:min(1040px,100%);display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}
.public-intro .product{padding:0;margin-bottom:54px;color:var(--ink)}
.public-intro h1{font-size:clamp(42px,6vw,70px);line-height:.98;letter-spacing:-.055em;margin:14px 0 23px;max-width:720px}
.public-intro>p:not(.eyebrow){font-size:18px;line-height:1.65;color:#526278;max-width:620px}
.public-intro ul{display:grid;gap:12px;padding:0;margin:30px 0 0;list-style:none;color:#38506a;font-weight:650}
.public-intro li::before{content:"✓";display:inline-grid;place-items:center;width:23px;height:23px;margin-right:10px;border-radius:50%;background:#dcf7ee;color:#168367}
.public-card{width:100%;text-align:left}
.public-card h2{font-size:32px;margin:4px 0 8px}
.public-card form{margin:24px 0 15px}
.public-card label span{color:var(--muted);font-weight:500}
.register-cta{width:100%;margin-top:4px}
.demo-access{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:18px 0;padding:14px;border:1px solid #cfdaf0;border-radius:13px;background:#f5f8ff}
.demo-access>div{grid-column:1/-1;display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:3px}
.demo-access strong{font-size:13px;color:var(--navy)}
.demo-access span{font-size:11px;color:var(--muted)}
.demo-access code{color:var(--blue);font-weight:800}
.demo-login{padding:9px 10px;border:1px solid #cbd7ea;border-radius:9px;background:#fff;color:var(--blue);font:inherit;font-size:11px;font-weight:750;cursor:pointer}
.demo-login:hover{background:#eaf0ff}
.switch-link{display:block;text-align:center;color:var(--blue);font-size:13px;font-weight:700;margin-top:16px}
@media(max-width:820px){.public-shell{grid-template-columns:1fr;gap:28px}
.public-intro .product{margin-bottom:28px}
.public-intro h1{font-size:46px}
.public-intro>p:not(.eyebrow),.public-intro ul{display:none}
.public-page{padding:18px}
.demo-access{grid-template-columns:1fr}
.demo-access>div{grid-column:1}
}