:root{--auth-ink:#13213c;--auth-blue:#1765e8;--auth-line:#dbe4f0;--auth-muted:#63708a}
.auth-page,.trial-page{min-height:100vh;display:grid;place-items:center;padding:1.25rem;background:var(--app-bg,#f3f6fb);color:var(--text-primary,var(--auth-ink))}
.auth-split{min-height:100vh;display:grid;grid-template-columns:minmax(24rem,42%) 1fr;background:#fff;color:var(--auth-ink)}
.auth-form-panel{display:grid;place-items:center;padding:clamp(1.25rem,4vw,4rem);overflow:auto}.auth-card{width:min(100%,31rem);background:var(--surface,#fff);color:var(--text-primary,var(--auth-ink))}.auth-page .auth-card{border:1px solid var(--border,var(--auth-line));border-radius:1.1rem;padding:clamp(1.25rem,4vw,2.25rem);box-shadow:0 1rem 3rem var(--shadow-color,rgba(20,35,60,.08))}.auth-card.wide{width:min(100%,64rem)}
.auth-brand{display:inline-block;margin-bottom:1.8rem;color:#1359ce;font-size:1.2rem;font-weight:850;text-decoration:none}.eyebrow,.hero-kicker{color:var(--auth-blue);font-size:.78rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.auth-card h1{margin:.35rem 0 .6rem;font-size:clamp(1.8rem,4vw,2.55rem);line-height:1.08}.auth-card>p{color:var(--auth-muted)}
.auth-card form,.trial-shell form{display:grid;gap:1rem;margin:1.25rem 0}.auth-card label,.trial-shell label{display:grid;gap:.42rem;font-weight:700}.auth-card label small,.trial-shell label small{color:var(--auth-muted);font-weight:450;line-height:1.4}.auth-card input,.auth-card select,.trial-shell input,.trial-shell select,.trial-shell textarea{width:100%;min-height:3rem;border:1px solid #aebbd0;border-radius:.65rem;padding:.72rem .8rem;background:#fff;color:inherit;font:inherit}.trial-shell textarea{min-height:7rem;resize:vertical}.auth-card input:focus,.auth-card select:focus,.trial-shell input:focus,.trial-shell select:focus,.trial-shell textarea:focus{outline:3px solid rgba(23,101,232,.18);border-color:var(--auth-blue)}
.auth-card button,.trial-shell button,.auth-primary{display:inline-grid;place-items:center;min-height:3.1rem;border:0;border-radius:.65rem;padding:.72rem 1rem;background:var(--auth-blue);color:#fff;font:inherit;font-weight:750;cursor:pointer;text-decoration:none}.auth-card button[disabled],.google-button[disabled]{background:#f1f3f7;color:#8b94a5;cursor:not-allowed}.auth-links{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem}.auth-alert{margin:1rem 0;padding:.85rem;border:1px solid #ecd58f;border-radius:.6rem;background:#fff7da}.google-button{width:100%;display:flex;align-items:center;justify-content:center;gap:.75rem;min-height:3rem;margin-top:1.25rem;border:1px solid #b9c5d6;border-radius:.65rem;background:#fff;color:var(--auth-ink);font-weight:750;text-decoration:none}.google-button span{font-size:1.15rem;color:#4285f4}.provider-note{display:block;margin-top:.45rem;color:var(--auth-muted);text-align:center}.auth-divider{display:flex;align-items:center;gap:.7rem;margin-top:1rem;color:#7b879a;font-size:.78rem}.auth-divider:before,.auth-divider:after{content:"";height:1px;flex:1;background:var(--auth-line)}
.csrf-recovery .auth-links{align-items:center;margin-top:1.5rem}.csrf-recovery .auth-primary{width:auto}
.auth-hero{position:relative;overflow:hidden;display:grid;align-content:center;padding:clamp(2rem,6vw,6rem);background:linear-gradient(145deg,#08295e 0%,#0d57c5 55%,#2984f2 100%);color:#fff}.auth-hero:before{content:"";position:absolute;width:34rem;height:34rem;right:-10rem;top:-12rem;border-radius:50%;background:rgba(255,255,255,.09)}.auth-hero-copy,.product-composition{position:relative;z-index:1;max-width:48rem}.auth-hero h2{max-width:42rem;margin:.65rem 0 1rem;font-size:clamp(2.2rem,5vw,4.4rem);line-height:1.02}.auth-hero p{max-width:38rem;color:#dceaff;font-size:1.05rem}.hero-kicker{color:#a8d0ff}.workflow{display:flex;align-items:center;flex-wrap:wrap;gap:.55rem;margin:1.8rem 0;font-weight:750}.workflow span{padding:.5rem .7rem;border:1px solid rgba(255,255,255,.3);border-radius:2rem;background:rgba(255,255,255,.1)}
.product-composition{height:19rem;margin-top:2rem}.dashboard-mock{position:absolute;inset:0 8% 0 0;border:1px solid rgba(255,255,255,.4);border-radius:1rem;background:#f9fbff;box-shadow:0 2rem 4rem rgba(0,15,50,.3);padding:1rem}.mock-nav{height:1.2rem;width:40%;border-radius:1rem;background:#d9e4f4}.mock-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.7rem;margin:1rem 0}.mock-stats i{height:3.5rem;border-radius:.5rem;background:#e4efff}.mock-document{position:relative;display:grid;gap:.55rem;width:63%;padding:1rem;border:1px solid #dce4ef;border-radius:.6rem;color:#183152}.mock-document span{height:.45rem;border-radius:1rem;background:#dfe8f3}.mock-document b{position:absolute;right:-3rem;bottom:1rem;transform:rotate(-9deg);padding:.45rem;border:2px solid #16a36a;border-radius:.35rem;color:#128456}.phone-mock{position:absolute;right:0;bottom:-.5rem;width:10.5rem;height:14.5rem;display:grid;align-content:center;gap:.45rem;padding:1.1rem;border:7px solid #12223a;border-radius:1.8rem;background:#fff;color:#182b49;box-shadow:0 1rem 2rem rgba(0,0,0,.25)}.phone-mock i{position:absolute;top:.35rem;left:38%;width:24%;height:.3rem;border-radius:1rem;background:#2b3647}.phone-mock span{font-size:.75rem;color:#6b7890}.phone-mock b{display:grid;place-items:center;width:2rem;height:2rem;border-radius:50%;background:#16a36a;color:#fff}
.plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem}.plan-grid article{border:1px solid var(--border,var(--auth-line));border-radius:.75rem;padding:1rem;background:var(--surface-raised,var(--surface,#fff));color:var(--text-primary,var(--auth-ink))}.plan-grid article p{color:var(--text-secondary,var(--auth-muted))}.plan-grid .current-plan{border-color:var(--accent,var(--auth-blue));box-shadow:inset 0 0 0 1px var(--accent,var(--auth-blue))}.plan-status{display:inline-flex;padding:.25rem .55rem;border-radius:999px;background:var(--badge-blue-bg,#e8f1ff);color:var(--badge-blue-text,#174ea6);font-size:.78rem;font-weight:750}.plan-grid button[disabled]{background:var(--disabled-bg,#f1f3f7);color:var(--disabled-text,#687386);border:1px solid var(--border,#dbe3ef);opacity:1}
.trial-shell{width:min(100%,62rem);padding:clamp(1.25rem,4vw,3rem);border:1px solid var(--auth-line);border-radius:1.1rem;background:#fff;box-shadow:0 1rem 3rem rgba(20,35,60,.08)}.trial-shell h1{font-size:clamp(2rem,5vw,3.3rem)}.trial-types{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin:2rem 0}.trial-types a{display:grid;gap:.35rem;padding:1.4rem;border:1px solid var(--auth-line);border-radius:.8rem;color:inherit;text-decoration:none}.trial-types a:hover{border-color:var(--auth-blue);box-shadow:0 .5rem 1.5rem rgba(23,101,232,.12)}.trial-types span{font-size:1.35rem;font-weight:800}.trial-types small,.privacy-note{color:var(--auth-muted)}.trial-document{padding:clamp(1rem,4vw,2.5rem);border:1px solid var(--auth-line);border-radius:.8rem}.trial-document header{display:flex;justify-content:space-between}.trial-document header div{display:grid}.trial-document h1{margin:2.5rem 0}.trial-line,.trial-total{display:flex;justify-content:space-between;gap:1rem;padding:1rem 0;border-top:1px solid var(--auth-line)}.trial-total{font-size:1.2rem}.trial-convert{display:grid;gap:.7rem;margin-top:1.5rem}.trial-convert .auth-primary{width:max-content}
.trial-form-shell{width:min(100%,78rem)}.guest-document-form fieldset{min-width:0;margin:0;padding:clamp(1rem,3vw,1.5rem);border:1px solid var(--auth-line);border-radius:.8rem}.guest-document-form legend{padding:0 .5rem;font-size:1.15rem;font-weight:850}.guest-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.guest-items{display:grid;gap:1rem}.line-items-heading{display:flex;align-items:center;justify-content:space-between;gap:1rem}.guest-item{display:grid;grid-template-columns:1fr minmax(12rem,2fr) repeat(5,minmax(6.5rem,1fr)) auto;align-items:end;gap:.65rem;padding:1rem;border:1px solid var(--auth-line);border-radius:.75rem;background:#f8fafc}.trial-shell .secondary-button{min-height:2.8rem;border:1px solid #aebbd0;background:#fff;color:#24324b}.professional-preview{background:#fff;box-shadow:0 .7rem 2rem rgba(20,35,60,.08)}.preview-business{gap:.2rem}.preview-business img{width:5rem;height:5rem;object-fit:contain;margin-bottom:.6rem}.preview-document-meta{text-align:right;align-content:start;gap:.25rem}.preview-document-meta b{font-size:1.7rem;color:var(--auth-blue)}.preview-parties{display:grid;grid-template-columns:2fr 1fr;gap:2rem;margin:2rem 0;padding:1.5rem 0;border-block:1px solid var(--auth-line)}.preview-parties>div{display:grid;align-content:start;gap:.3rem}.preview-parties h2,.preview-parties p{margin:0}.preview-parties small{color:var(--auth-muted)}.preview-items-wrap{overflow-x:auto}.preview-items{width:100%;border-collapse:collapse;min-width:48rem}.preview-items th,.preview-items td{padding:.8rem .55rem;border-bottom:1px solid var(--auth-line);text-align:right;vertical-align:top}.preview-items th:first-child,.preview-items td:first-child{text-align:left}.preview-items td:first-child{display:grid;gap:.2rem}.preview-items small{color:var(--auth-muted)}.preview-summary{display:grid;grid-template-columns:1fr minmax(16rem,22rem);gap:2rem;margin-top:1.5rem}.preview-summary dl{margin:0}.preview-summary dl div{display:flex;justify-content:space-between;gap:1rem;padding:.55rem}.preview-summary dd{margin:0;font-weight:750}.preview-summary .grand-total{border-top:2px solid var(--auth-ink);font-size:1.2rem}.professional-preview footer{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--auth-line);color:var(--auth-muted);font-size:.82rem}
.guest-builder{display:grid;grid-template-columns:minmax(0,1fr) minmax(17rem,.42fr);gap:1.5rem;align-items:start;margin-top:1.5rem}.guest-template-picker{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.7rem}.guest-template-choice{position:relative;display:block!important;padding:1rem;border:1px solid var(--auth-line);border-radius:.7rem;cursor:pointer}.guest-template-choice input{position:absolute;opacity:0}.guest-template-choice span{display:grid;gap:.25rem}.guest-template-choice small{font-weight:450}.guest-template-choice:has(input:checked){border-color:var(--auth-blue);box-shadow:0 0 0 3px rgba(23,101,232,.12);background:#f7faff}.guest-live-preview{position:sticky;top:1rem;padding:1.25rem;border-radius:1rem;background:#172033;color:#fff;box-shadow:0 1rem 3rem rgba(20,35,60,.18)}.guest-live-paper{margin-top:1rem;padding:1.25rem;background:#fff;color:#172033;border-radius:.55rem;box-shadow:0 .6rem 1.2rem rgba(0,0,0,.16)}.guest-live-paper header,.guest-live-row,.guest-live-total{display:flex;justify-content:space-between;gap:1rem}.guest-live-paper header{padding-bottom:1rem;border-bottom:3px solid #2563eb}.guest-live-paper header b{letter-spacing:.08em;color:#2563eb}.guest-live-paper>small{display:block;margin-top:1.5rem;color:#64748b;font-weight:800;letter-spacing:.1em}.guest-live-paper h2{margin:.35rem 0 1.5rem;font-size:1.2rem}.guest-live-row{padding:.8rem 0;border-top:1px solid #dce3ec}.guest-live-total{margin-top:1rem;padding-top:.75rem;border-top:2px solid #172033;font-size:1.1rem}.guest-live-paper footer{margin-top:2rem;color:#64748b;font-size:.75rem}.guest-live-preview>p{margin:1rem 0 0;color:#cbd5e1;font-size:.85rem;line-height:1.5}.guest-preview-shell{width:min(100%,88rem);padding:clamp(1rem,3vw,2.5rem)}.guest-preview-header{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:1.5rem;align-items:start;margin-bottom:1.5rem}.guest-preview-header h1{margin:.35rem 0;font-size:clamp(1.8rem,4vw,3rem)}.guest-preview-header p{margin:0;color:var(--auth-muted);max-width:48rem}.guest-preview-actions{display:flex;gap:.65rem;flex-wrap:wrap;justify-content:flex-end}.guest-preview-actions .secondary-button{display:inline-grid;place-items:center;padding:.7rem 1rem;text-decoration:none;border-radius:.65rem}.guest-document-frame{height:min(78vh,64rem);overflow:hidden;border:1px solid #cbd5e1;border-radius:1rem;background:#e9eef5;box-shadow:0 1rem 3rem rgba(20,35,60,.12)}.guest-document-frame iframe{display:block;width:100%;height:100%;border:0}.guest-register-invitation{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-top:1.5rem;padding:clamp(1.25rem,3vw,2.25rem);border-radius:1rem;background:linear-gradient(120deg,#172033,#213c6b);color:#fff}.guest-register-invitation h2{margin:.3rem 0}.guest-register-invitation p{margin:0;max-width:48rem;color:#dbeafe}.guest-register-invitation>div:last-child{display:grid;gap:.65rem;min-width:10rem;text-align:center}.guest-register-invitation a:not(.auth-primary){color:#fff}
@media(max-width:1100px){.guest-item{grid-template-columns:repeat(2,minmax(0,1fr))}.guest-item .remove-guest-item{grid-column:1/-1}}
@media(max-width:850px){.auth-split{grid-template-columns:1fr}.auth-form-panel{min-height:100vh}.auth-hero{min-height:32rem;padding:2rem}.auth-hero h2{font-size:2.3rem}.product-composition{height:14rem}.workflow{font-size:.82rem}.dashboard-mock{right:14%}.phone-mock{width:8.5rem;height:11rem}.trial-types{grid-template-columns:1fr}.guest-grid,.preview-parties,.preview-summary,.guest-builder{grid-template-columns:1fr}.guest-live-preview{position:static}.guest-template-picker{grid-template-columns:1fr}.preview-document-meta{text-align:left}.trial-document header{gap:1.2rem;flex-wrap:wrap}.guest-preview-header{grid-template-columns:1fr}.guest-preview-actions{justify-content:flex-start}.guest-register-invitation{align-items:flex-start;flex-direction:column}.guest-document-frame{height:70vh}}
@media(max-width:480px){.auth-page,.trial-page{padding:.5rem}.auth-page .auth-card,.trial-shell{border-radius:.75rem;padding:1rem}.auth-form-panel{padding:1.1rem;place-items:start}.auth-card{padding-top:1rem}.auth-brand{margin-bottom:1rem}.auth-hero{min-height:23rem}.product-composition{display:none}.workflow b{display:none}.workflow{gap:.35rem}.workflow span{padding:.4rem .55rem}.auth-links{display:grid}.trial-document header{align-items:flex-start}.trial-line,.guest-item{display:grid;grid-template-columns:1fr}.line-items-heading{align-items:stretch;flex-direction:column}.trial-convert .auth-primary{width:100%}}

.remove-guest-item{display:inline-flex;align-items:center;justify-content:center;gap:var(--qtb-space-icon);min-height:var(--qtb-control-h)}.remove-guest-item svg,.remove-guest-item svg *{pointer-events:none}
