/* LulaProof public account surfaces: typography and accents inherit public-surfaces.css. */
.lp-account-public{background:#fff;min-width:320px}
.lp-auth-layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(380px,.79fr);gap:clamp(52px,8vw,150px);align-items:start;padding-block:clamp(75px,10vw,160px) clamp(115px,12vw,190px)}
.lp-auth-copy h1,.lp-account-heading h1{font-size:clamp(44px,4.7vw,74px);font-weight:500;letter-spacing:-.035em;line-height:.95;max-width:790px;margin:0}
.lp-auth-copy>p,.lp-account-heading>p{font-size:clamp(16px,1.15vw,18px);letter-spacing:-.015em;line-height:1.55;color:var(--lp-muted);max-width:580px;margin:31px 0 0}
.lp-auth-rule{margin-top:clamp(50px,7vw,98px);padding-top:26px;border-top:1px solid var(--lp-line);display:grid;gap:25px;max-width:610px}
.lp-auth-rule>div{display:flex;gap:18px;align-items:center;font-size:15px;color:#475968}.lp-auth-rule svg{width:29px;height:29px;flex:none;color:var(--lp-green)}
.lp-auth-caption{margin-top:100px;font-size:12px;color:#82919a}
.lp-auth-card{border:1px solid #dfe5e4;background:#fff;padding:clamp(27px,3.1vw,47px);box-shadow:0 26px 66px -59px rgba(9,36,64,.27)}
.lp-auth-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;color:#4c5e6a;font-size:13px;font-weight:600;border-bottom:1px solid var(--lp-line);padding-bottom:24px;margin-bottom:32px}
.lp-auth-card-top svg{color:var(--lp-green)}
.lp-auth-modes{display:flex;border-bottom:1px solid var(--lp-line);gap:30px;margin-bottom:38px}
.lp-auth-modes button{background:none;border:0;border-bottom:2px solid transparent;padding:0 0 13px;color:#71818b;font-size:14px;font-weight:650;cursor:pointer}
.lp-auth-modes button.is-active{color:var(--lp-ink);border-bottom-color:var(--lp-green)}
.lp-auth-heading h2{font-size:clamp(25px,2.1vw,32px);font-weight:500;letter-spacing:-.025em;line-height:1.1;margin:0}
.lp-auth-heading p{color:#647582;font-size:15px;margin:13px 0 35px;line-height:1.6}
.lp-form-field{display:grid;gap:9px;margin-bottom:20px}
.lp-form-field label{font-size:13px;font-weight:700;color:#243c4c}
.lp-form-field input{font:500 15px var(--lp-sans);height:53px;width:100%;min-width:0;border:1px solid #cfdad8;border-radius:2px;background:#fff;color:var(--lp-ink);padding:13px 15px}
.lp-form-field input:focus-visible{outline:2px solid rgba(8,121,92,.26);outline-offset:0;border-color:var(--lp-green)}
.lp-field-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.lp-inline-button{border:0;background:transparent;padding:0;color:var(--lp-green);font:700 13px var(--lp-sans);cursor:pointer;text-underline-offset:4px}
.lp-inline-button:hover{text-decoration:underline}
.lp-password-field{position:relative}.lp-password-field input{padding-right:77px}
.lp-reveal{position:absolute;right:13px;top:50%;transform:translateY(-50%);border:0;background:transparent;color:#536b75;font:700 12px var(--lp-sans);padding:5px 3px;cursor:pointer}
.lp-auth-password-note{font-size:12px;color:var(--lp-muted);margin:-6px 0 24px}
.lp-auth-submit{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--lp-ink);color:#fff;border:1px solid var(--lp-ink);padding:0 20px;height:54px;width:100%;font:700 15px var(--lp-sans);cursor:pointer;margin-top:13px}
.lp-auth-submit:hover{background:#164a56}.lp-auth-submit:disabled{opacity:.62;cursor:wait}
.lp-auth-message{margin-top:18px;padding:15px 16px;border:1px solid #d7e4df;background:#f4faf6;color:#1c6f54;font-size:13px;line-height:1.6;overflow-wrap:anywhere}
.lp-auth-message[data-kind=error]{background:#fff8f4;border-color:#f0d6c6;color:#a64924}
.lp-auth-footer{margin-top:28px;font-size:14px;color:#657681;display:flex;gap:8px;flex-wrap:wrap}
.lp-auth-legal{margin-top:30px;border-top:1px solid var(--lp-line);padding-top:23px;font-size:12px;color:#7c8b93;line-height:1.7}
.lp-auth-loading{font-size:14px;color:var(--lp-muted);padding:23px 0}
.lp-account-main{padding-block:clamp(76px,9vw,134px) clamp(104px,12vw,183px)}
.lp-account-heading h1{max-width:1100px}.lp-account-heading p{max-width:750px}
.lp-account-summary{margin-top:65px;border-top:1px solid var(--lp-ink);border-bottom:1px solid var(--lp-line);padding-block:33px;display:flex;align-items:center;justify-content:space-between;gap:30px;flex-wrap:wrap}
.lp-account-meta,.lp-account-index{font:500 11px var(--lp-mono);color:var(--lp-green)}
.lp-account-summary h2{font-size:clamp(20px,2vw,28px);font-weight:500;letter-spacing:-.02em;margin:12px 0 6px;overflow-wrap:anywhere}
.lp-account-summary p{font-size:13px;color:var(--lp-muted);margin:0}
.lp-signout-link{border:1px solid #d5dfdc;background:#fff;color:var(--lp-ink);padding:13px 17px;font:700 13px var(--lp-sans);display:inline-flex;align-items:center;gap:20px;cursor:pointer}
#accountStatus{margin-top:22px;font-size:13px;color:var(--lp-muted)}
.lp-account-links{margin-top:68px;border-top:1px solid var(--lp-ink)}
.lp-account-links>a{display:grid;grid-template-columns:70px minmax(170px,1fr) minmax(220px,1fr) 25px;gap:24px;align-items:center;padding:31px 0;border-bottom:1px solid var(--lp-line);text-decoration:none}
.lp-account-links>a:hover{color:var(--lp-green)}
.lp-account-links strong{font-size:clamp(18px,1.6vw,22px);font-weight:600;letter-spacing:-.025em}
.lp-account-links>a>span:nth-of-type(2){font-size:15px;color:var(--lp-muted)}
@media(max-width:940px){.lp-auth-layout{grid-template-columns:1fr;gap:55px;padding-block:70px 95px}.lp-auth-copy h1{max-width:670px}.lp-auth-rule{margin-top:35px}.lp-auth-caption{display:none}.lp-auth-card{max-width:620px;width:100%;order:-1}}
@media(max-width:640px){.lp-auth-layout{padding-block:54px 78px;gap:40px}.lp-auth-copy h1,.lp-account-heading h1{font-size:clamp(38px,9.8vw,58px)}.lp-auth-copy>p{font-size:16px;margin-top:23px}.lp-auth-rule{gap:17px}.lp-auth-rule>div{font-size:13px}.lp-auth-card{padding:24px 20px}.lp-auth-heading h2{font-size:26px}.lp-account-main{padding-block:65px 90px}.lp-account-links>a{grid-template-columns:30px 1fr 19px;gap:10px 12px;padding:24px 0}.lp-account-links>a>span:nth-of-type(2){grid-column:2;font-size:13px}.lp-account-links>a>svg{grid-column:3;grid-row:1}.lp-account-summary{margin-top:42px}}
@media(prefers-reduced-motion:reduce){.lp-account-public *{transition:none!important}}

/* ===== v3.1: account hub, compact and consistent with the sign-in screen ===== */
.lp-account-main{padding-block:clamp(26px,4vw,64px) clamp(28px,4vw,64px)}
.lp-account-heading h1{font-size:clamp(34px,3.6vw,52px);line-height:1;letter-spacing:-.04em;max-width:none}
.lp-account-heading>p{margin-top:14px;font-size:clamp(16px,1.2vw,18px);max-width:840px}
.lp-account-summary{margin-top:22px;border:0;border-radius:8px;background:#081f38;background-image:radial-gradient(rgba(255,255,255,.06) 1px,transparent 1.2px);background-size:22px 22px;color:#fff;padding:18px 24px}
.lp-account-meta{color:#5fd6ac}
.lp-account-summary h2{color:#fff;font-size:clamp(20px,2vw,26px);margin:6px 0 2px}
.lp-account-summary p{color:rgba(255,255,255,.66)}
.lp-signout-link{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.28);border-radius:5px;padding:11px 15px;transition:border-color .2s,color .2s}
.lp-signout-link:hover{border-color:#5fd6ac;color:#5fd6ac}
#accountStatus{margin-top:12px;min-height:0}
.lp-account-links{margin-top:18px}
.lp-account-links>a{grid-template-columns:56px minmax(170px,1fr) minmax(220px,1.1fr) 24px;gap:18px;padding:16px 14px;margin-inline:-14px;transition:background .25s}
.lp-account-links>a:hover{background:#f6f8f7;color:inherit}
.lp-account-links>a:hover strong{color:var(--lp-green)}
.lp-account-links>a>svg{transition:transform .2s}
.lp-account-links>a:hover>svg{transform:translateX(4px);color:var(--lp-green)}
.lp-account-index{font:400 clamp(22px,2vw,28px)/1 var(--lp-display);color:#c5d0d3;transition:color .25s}
.lp-account-links>a:hover .lp-account-index{color:var(--lp-green)}
.lp-account-links strong{font-weight:500;font-size:clamp(20px,1.9vw,26px);letter-spacing:-.02em}
@media(max-width:760px){.lp-account-links>a{grid-template-columns:40px minmax(0,1fr) 20px;gap:4px 14px;margin-inline:0;padding-inline:0}.lp-account-links>a>span:nth-of-type(2){grid-column:2;grid-row:2}.lp-account-links>a>svg{grid-column:3;grid-row:1/3}.lp-account-index{grid-row:1/3}.lp-account-summary{padding:20px}}

.lp-account-code{margin-top:16px}
.lp-account-code>.lp-account-meta{display:block}
.lp-account-code-row{display:flex;align-items:center;gap:12px;margin-top:8px;max-width:640px}
.lp-account-code-row code{flex:1;min-width:0;overflow-wrap:anywhere;color:#fff;font:500 12px/1.5 'IBM Plex Mono',ui-monospace,monospace}
.lp-account-code-row button{flex:0 0 auto;border:1px solid rgba(255,255,255,.34);border-radius:4px;background:transparent;color:#fff;padding:8px 11px;font:600 12px/1.2 'DM Sans',system-ui,sans-serif}
.lp-account-code-row button:hover{border-color:#5fd6ac;color:#5fd6ac}
.lp-account-code>p{margin-top:7px;font-size:12px}
@media(max-width:640px){.lp-account-code-row{align-items:flex-start;flex-direction:column}.lp-account-code-row code{max-width:100%}}