.auth-story{width:54%;flex-shrink:0;min-height:100vh;min-height:100svh;padding:0;border-top:0;background:radial-gradient(ellipse at 90% 10%,#285595 0,transparent 60%),radial-gradient(ellipse at 10% 95%,#006d9c 0,transparent 55%),#13296b}
.auth-story:before,.auth-story:after{display:none}
.auth-document-wall{position:absolute;inset:22px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:20px;isolation:isolate}
.auth-sheet{position:relative;min-width:0;min-height:0;container-type:size;background:#fff;color:#21324a;border-radius:2px;box-shadow:0 9px 28px #04143842}
.auth-sheet:nth-child(1){transform:rotate(-.6deg)}.auth-sheet:nth-child(2){transform:rotate(.45deg)}.auth-sheet:nth-child(3){transform:rotate(-.35deg)}.auth-sheet:nth-child(4){transform:rotate(.4deg)}.auth-sheet:nth-child(5){transform:rotate(-.5deg)}.auth-sheet:nth-child(6){transform:rotate(.55deg)}
.sample-paper{--paper-unit:min(1cqw,.49cqh);height:100%;min-height:0;display:flex;flex-direction:column;padding:calc(8 * var(--paper-unit));font:calc(3.15 * var(--paper-unit))/1.5 Arial,sans-serif;overflow:hidden}
.sample-paper header{flex-shrink:0}.sample-paper small{display:block;font-size:calc(2.6 * var(--paper-unit));line-height:1.5}.sample-paper b,.sample-paper strong{font-weight:700}.sample-paper p{margin:0}.sample-paper footer{display:flex;justify-content:space-between;gap:calc(3 * var(--paper-unit));padding-top:calc(4 * var(--paper-unit));margin-top:calc(5 * var(--paper-unit));border-top:calc(.3 * var(--paper-unit)) solid #e2e8ef;color:#79869a;font-size:calc(2.45 * var(--paper-unit));letter-spacing:calc(.13 * var(--paper-unit))}
.sample-reference{color:#7b8a9b;font-size:calc(2.65 * var(--paper-unit));letter-spacing:calc(.2 * var(--paper-unit))}.sample-recipient{margin:calc(7 * var(--paper-unit)) 0;color:#64758b}.sample-recipient>span{display:block;font-size:calc(2.5 * var(--paper-unit));letter-spacing:calc(.35 * var(--paper-unit));margin-bottom:calc(1.8 * var(--paper-unit))}.sample-recipient strong{display:block;color:#21324a;font-size:calc(4.1 * var(--paper-unit));line-height:1.3}.sample-recipient small{margin-top:calc(1.3 * var(--paper-unit))}
.sample-ledger>div{display:flex;justify-content:space-between;gap:calc(3 * var(--paper-unit));padding:calc(4 * var(--paper-unit)) 0;border-bottom:calc(.3 * var(--paper-unit)) solid #e2e8ef}.sample-ledger>div>b{white-space:nowrap;font-weight:400;font-variant-numeric:tabular-nums}.sample-ledger .sample-ledger-heading{font-size:calc(2.35 * var(--paper-unit));font-weight:700;letter-spacing:calc(.2 * var(--paper-unit));padding:calc(2.8 * var(--paper-unit)) 0;border-bottom:calc(.4 * var(--paper-unit)) solid #bdcbd7}
.sample-bottom{margin-top:auto;padding-top:calc(7 * var(--paper-unit))}.sample-breakdown{width:75%;margin:0 0 calc(5 * var(--paper-unit)) auto;color:#64758b;font-size:calc(2.85 * var(--paper-unit))}.sample-breakdown>span{display:flex;justify-content:space-between;gap:calc(3 * var(--paper-unit));margin-top:calc(2 * var(--paper-unit))}.sample-breakdown b{font-weight:400;font-variant-numeric:tabular-nums}.sample-total{display:flex;justify-content:space-between;align-items:center;gap:calc(3 * var(--paper-unit));font-size:calc(2.65 * var(--paper-unit));color:#13296b}.sample-total>strong{font-size:calc(7 * var(--paper-unit));line-height:1.1;letter-spacing:-.3cqw;white-space:nowrap;font-variant-numeric:tabular-nums}.sample-total small{font-size:calc(2.45 * var(--paper-unit));letter-spacing:calc(.25 * var(--paper-unit));margin-top:calc(1 * var(--paper-unit))}
/* Modern: cyan rules, geometric mark and a tinted total. */
.sample-modern .sample-paper{border-top:calc(1.7 * var(--paper-unit)) solid #00b8ff}.sample-modern-header{display:flex;align-items:center;justify-content:space-between;gap:calc(2 * var(--paper-unit))}.sample-modern-brand{display:flex;align-items:center;gap:calc(2.5 * var(--paper-unit));font-size:calc(3.6 * var(--paper-unit));line-height:1.1;letter-spacing:calc(.3 * var(--paper-unit))}.sample-modern-brand>b{display:grid;place-items:center;width:calc(11 * var(--paper-unit));height:calc(12 * var(--paper-unit));border-radius:calc(3 * var(--paper-unit)) calc(.8 * var(--paper-unit));background:#e9f8ff;color:#008abf;font:700 calc(9 * var(--paper-unit))/1 Georgia,serif}.sample-modern-brand small{font-size:calc(2.5 * var(--paper-unit));letter-spacing:calc(1 * var(--paper-unit));margin-top:calc(1 * var(--paper-unit))}.sample-document-title{font-size:calc(10.5 * var(--paper-unit));font-weight:700;letter-spacing:calc(.7 * var(--paper-unit));color:#13296b;border-bottom:calc(.65 * var(--paper-unit)) solid #00b8ff;padding:calc(9 * var(--paper-unit)) 0 calc(4 * var(--paper-unit))}.sample-modern .sample-ledger-heading{background:#e9f8ff;margin:0 -2cqw;padding:calc(2.8 * var(--paper-unit)) calc(2 * var(--paper-unit));border:0;color:#467589}.sample-modern .sample-total{padding:calc(4 * var(--paper-unit)) calc(3 * var(--paper-unit));background:#e9f8ff;border-right:calc(1 * var(--paper-unit)) solid #00b8ff}.sample-modern .sample-total>strong{font-size:calc(6.3 * var(--paper-unit))}
/* Classic: full navy masthead, serif body and a double-ruled amount. */
.sample-classic .sample-paper{padding:0;font-family:Georgia,'Times New Roman',serif}.auth-quote-masthead{padding:calc(8 * var(--paper-unit));background:#13296b;color:white;border-bottom:calc(1.4 * var(--paper-unit)) solid #00b8ff;text-align:right}.auth-quote-masthead>div:first-child{font:700 calc(4.2 * var(--paper-unit))/1.2 Arial,sans-serif;letter-spacing:calc(.7 * var(--paper-unit))}.auth-quote-masthead>div:first-child span{display:block;font-size:calc(2.45 * var(--paper-unit));letter-spacing:calc(1.2 * var(--paper-unit));margin-top:calc(1.5 * var(--paper-unit));color:#b5dafa}.auth-quote-title{font-size:calc(12 * var(--paper-unit));font-weight:400;line-height:1.1;letter-spacing:-.5cqw;margin:calc(8 * var(--paper-unit)) 0 calc(5 * var(--paper-unit))}.auth-quote-masthead>small{display:flex;justify-content:space-between;color:#b5dafa;font:calc(2.25 * var(--paper-unit))/1.4 Arial,sans-serif;letter-spacing:calc(.1 * var(--paper-unit))}.sample-classic-content{padding:0 calc(8 * var(--paper-unit)) calc(8 * var(--paper-unit));display:flex;flex:1;flex-direction:column;min-height:0}.sample-classic .sample-recipient>strong{font-size:calc(5.2 * var(--paper-unit));font-weight:400}.sample-classic .sample-recipient>span,.sample-classic .sample-recipient>small,.sample-classic .sample-breakdown,.sample-classic footer{font-family:Arial,sans-serif}.auth-quote-ledger{border-top:calc(.55 * var(--paper-unit)) solid #13296b}.sample-classic .sample-ledger{font-size:calc(3.6 * var(--paper-unit))}.sample-classic .sample-ledger-heading{font-family:Arial,sans-serif}.auth-quote-amount{border-top:calc(.5 * var(--paper-unit)) solid #13296b;border-bottom:calc(1.1 * var(--paper-unit)) double #13296b;padding:calc(4 * var(--paper-unit)) 0}.auth-quote-amount>strong{font-weight:400;font-size:calc(7.4 * var(--paper-unit))}
/* Minimal: large clean name, generous white space and no colored table. */
.sample-minimal .sample-paper{padding:calc(9 * var(--paper-unit))}.sample-minimal-brand{font-size:calc(12.5 * var(--paper-unit));font-weight:700;letter-spacing:-.8cqw;line-height:1.02;color:#111d2a}.sample-minimal-brand>span{color:#00a2d7}.sample-minimal-title{display:flex;align-items:baseline;justify-content:space-between;margin-top:calc(9 * var(--paper-unit));padding-top:calc(4 * var(--paper-unit));border-top:calc(.45 * var(--paper-unit)) solid #263748;font-size:calc(5.2 * var(--paper-unit))}.sample-minimal-title>small{font-size:calc(2.4 * var(--paper-unit));color:#718094;letter-spacing:calc(.2 * var(--paper-unit))}.sample-minimal-parties{display:grid;grid-template-columns:1fr 1fr;gap:calc(3 * var(--paper-unit))}.sample-minimal .sample-recipient strong{font-size:calc(3.4 * var(--paper-unit))}.sample-minimal .sample-ledger-heading{border-top:calc(.3 * var(--paper-unit)) solid #bdcbd7}.sample-minimal .sample-total{display:block;border-top:calc(.4 * var(--paper-unit)) solid #263748;padding-top:calc(5 * var(--paper-unit));font-size:calc(3 * var(--paper-unit));color:#111d2a}.sample-minimal .sample-total>strong{display:block;font-size:calc(11 * var(--paper-unit));font-weight:400;margin-top:calc(3 * var(--paper-unit))}.sample-minimal .sample-total small{display:inline;margin-right:calc(2 * var(--paper-unit));font-size:calc(3 * var(--paper-unit))}
/* Bold: an oversized cyan block header and a navy total band. */
.sample-bold .sample-paper{padding:0}.sample-bold-header{background:#00b8ff;color:#13296b;padding:calc(8 * var(--paper-unit)) calc(8 * var(--paper-unit)) calc(6 * var(--paper-unit))}.sample-bold-header>div{font-size:calc(6.5 * var(--paper-unit));font-weight:900;letter-spacing:calc(.7 * var(--paper-unit));line-height:1}.sample-bold-header>div small{font-size:calc(2.55 * var(--paper-unit));font-weight:400;letter-spacing:calc(.8 * var(--paper-unit));margin-top:calc(2 * var(--paper-unit))}.sample-bold-header>span{display:block;font-size:calc(17 * var(--paper-unit));font-weight:900;letter-spacing:-.8cqw;line-height:1;margin:calc(7 * var(--paper-unit)) 0 calc(3 * var(--paper-unit))}.sample-bold-header>small{font-size:calc(2.7 * var(--paper-unit));letter-spacing:calc(.4 * var(--paper-unit))}.sample-bold-content{padding:0 calc(8 * var(--paper-unit)) calc(8 * var(--paper-unit));display:flex;flex:1;flex-direction:column;min-height:0}.sample-bold .sample-ledger-heading{border-top:calc(1 * var(--paper-unit)) solid #13296b}.sample-bold .sample-total{background:#13296b;color:white;padding:calc(5 * var(--paper-unit)) calc(4 * var(--paper-unit));margin:0 -2cqw}.sample-bold .sample-total>strong{font-size:calc(7.2 * var(--paper-unit))}.sample-bold .sample-total small{color:#92dfff}
/* Side panel: vertical sender details and a narrow editorial ledger. */
.sample-side .sample-paper{padding:0;display:grid;grid-template-columns:24% 76%}.sample-side-rail{background:#13296b;color:white;padding:calc(8 * var(--paper-unit)) calc(4 * var(--paper-unit));display:flex;flex-direction:column;align-items:flex-start}.sample-side-rail>b{font:calc(12 * var(--paper-unit))/1 Georgia,serif;border-bottom:calc(.5 * var(--paper-unit)) solid #00b8ff;padding-bottom:calc(4 * var(--paper-unit));width:100%}.sample-side-rail>span{font-size:calc(2.7 * var(--paper-unit));font-weight:700;letter-spacing:calc(.2 * var(--paper-unit));margin-top:calc(8 * var(--paper-unit));line-height:1.7}.sample-side-rail>small{font-size:calc(2.2 * var(--paper-unit));color:#a4c9e7;margin-top:calc(5 * var(--paper-unit));line-height:1.8}.sample-side-rail>i{margin-top:auto;font-size:calc(2.3 * var(--paper-unit));letter-spacing:calc(.5 * var(--paper-unit));font-style:normal;writing-mode:vertical-rl;transform:rotate(180deg);color:#80dbff}.sample-side-content{padding:calc(8 * var(--paper-unit)) calc(6 * var(--paper-unit));display:flex;flex-direction:column;min-height:0}.sample-side-content header>span{font:calc(8.5 * var(--paper-unit))/1.1 Georgia,serif;color:#13296b;letter-spacing:-.4cqw}.sample-side-content header>small{font-size:calc(2.5 * var(--paper-unit));margin-top:calc(2 * var(--paper-unit));color:#7d8a9b}.sample-side .sample-recipient{margin-top:calc(10 * var(--paper-unit))}.sample-side .sample-recipient strong{font-size:calc(3.6 * var(--paper-unit))}.sample-side .sample-ledger{font-size:calc(2.75 * var(--paper-unit))}.sample-side .sample-ledger>div{gap:calc(2 * var(--paper-unit));padding:calc(4 * var(--paper-unit)) 0}.sample-side .sample-ledger-heading{font-size:calc(2.15 * var(--paper-unit));border-top:calc(.4 * var(--paper-unit)) solid #00b8ff}.sample-side .sample-breakdown{width:100%;font-size:calc(2.45 * var(--paper-unit))}.sample-side .sample-total{display:block;padding-top:calc(5 * var(--paper-unit));border-top:calc(1 * var(--paper-unit)) solid #00b8ff;font-size:calc(2.45 * var(--paper-unit))}.sample-side .sample-total>strong{display:block;font-size:calc(8.5 * var(--paper-unit));margin-top:calc(3 * var(--paper-unit));font-weight:400}.sample-side .sample-total small{font-size:calc(2.45 * var(--paper-unit));display:inline;margin-right:calc(1.7 * var(--paper-unit))}.sample-side footer{font-size:calc(2.25 * var(--paper-unit))}
/* Ledger: centered letterhead, a boxed item grid and traditional serif type. */
.sample-ledger-classic .sample-paper{font-family:Georgia,'Times New Roman',serif;background:#fffefa;padding:calc(7 * var(--paper-unit))}.sample-ledger-classic header{text-align:center;color:#2b3441}.sample-ledger-seal{display:grid;place-items:center;width:calc(10 * var(--paper-unit));height:calc(10 * var(--paper-unit));border:calc(.45 * var(--paper-unit)) solid #6b7580;border-radius:50%;margin:0 auto calc(3 * var(--paper-unit));font-size:calc(6 * var(--paper-unit));line-height:1}.sample-ledger-classic header>strong{font-size:calc(5.2 * var(--paper-unit));letter-spacing:calc(.35 * var(--paper-unit))}.sample-ledger-classic header>small{font:calc(2.3 * var(--paper-unit))/1.5 Arial,sans-serif;letter-spacing:calc(.6 * var(--paper-unit));margin-top:calc(1.4 * var(--paper-unit))}.sample-ledger-classic header>div:last-child{font-size:calc(8 * var(--paper-unit));letter-spacing:calc(2 * var(--paper-unit));padding:calc(4 * var(--paper-unit)) 0 calc(3 * var(--paper-unit));margin-top:calc(5 * var(--paper-unit));border-top:calc(.8 * var(--paper-unit)) double #596271;border-bottom:calc(.35 * var(--paper-unit)) solid #596271}.sample-ledger-meta{display:flex;justify-content:space-between;gap:calc(2 * var(--paper-unit));margin-top:calc(4 * var(--paper-unit));font-size:calc(2.7 * var(--paper-unit))}.sample-ledger-meta b{margin-left:calc(1.5 * var(--paper-unit));font-weight:400}.sample-ledger-classic .sample-recipient{margin:calc(5 * var(--paper-unit)) 0}.sample-ledger-classic .sample-recipient strong{font-size:calc(4.2 * var(--paper-unit));font-weight:400}.sample-ledger-classic .sample-recipient>span{font:calc(2.35 * var(--paper-unit))/1.5 Arial,sans-serif}.sample-ruled-table{border:calc(.35 * var(--paper-unit)) solid #8f969f;font-size:calc(3 * var(--paper-unit))}.sample-ruled-table>div{display:grid;grid-template-columns:1fr 13% 31%;border-bottom:calc(.3 * var(--paper-unit)) solid #bcc1c7}.sample-ruled-table>div:last-child{border-bottom:0}.sample-ruled-table>div>*{padding:calc(3.3 * var(--paper-unit)) calc(1.5 * var(--paper-unit));border-right:calc(.3 * var(--paper-unit)) solid #bcc1c7}.sample-ruled-table>div>*:last-child{text-align:right;border-right:0;white-space:nowrap}.sample-ruled-table>div>*:nth-child(2){text-align:center}.sample-ruled-table>div:first-child{font:700 calc(2.15 * var(--paper-unit))/1.5 Arial,sans-serif;background:#f0f0eb}.sample-ledger-classic .sample-breakdown{font-size:calc(2.9 * var(--paper-unit))}.sample-ledger-classic .sample-total{border-top:calc(.45 * var(--paper-unit)) solid #596271;border-bottom:calc(1 * var(--paper-unit)) double #596271;padding:calc(4 * var(--paper-unit)) 0;color:#2b3441}.sample-ledger-classic .sample-total>strong{font-size:calc(7 * var(--paper-unit));font-weight:400}.sample-ledger-classic footer{font-size:calc(2.55 * var(--paper-unit));color:#79818b}
@media(min-width:900px) and (max-width:1199px){.auth-story{width:52%;min-height:820px}.auth-panel{padding:40px 32px}.auth-document-wall{inset:16px;gap:16px;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(3,minmax(0,1fr))}.sample-paper{padding:calc(6.5 * var(--paper-unit))}.sample-recipient{margin:calc(4.5 * var(--paper-unit)) 0}.sample-bottom{padding-top:calc(3 * var(--paper-unit))}.sample-paper footer{margin-top:calc(3 * var(--paper-unit));padding-top:calc(2.5 * var(--paper-unit))}.sample-ledger>div{padding:calc(3 * var(--paper-unit)) 0}.sample-document-title{padding-top:calc(5 * var(--paper-unit))}.sample-minimal .sample-paper{padding:calc(7 * var(--paper-unit))}.sample-minimal-brand{font-size:calc(11 * var(--paper-unit))}.sample-minimal-title{margin-top:calc(5 * var(--paper-unit));padding-top:calc(3 * var(--paper-unit))}.sample-minimal .sample-total{padding-top:calc(3 * var(--paper-unit))}.sample-minimal .sample-total>strong{font-size:calc(9 * var(--paper-unit))}.auth-quote-masthead{padding:calc(6 * var(--paper-unit)) calc(7 * var(--paper-unit))}.auth-quote-title{margin:calc(5 * var(--paper-unit)) 0 calc(3 * var(--paper-unit));font-size:calc(10.5 * var(--paper-unit))}.sample-classic-content,.sample-bold-content{padding:0 calc(7 * var(--paper-unit)) calc(6 * var(--paper-unit))}.sample-classic .sample-ledger>div{padding:calc(2.8 * var(--paper-unit)) 0}.sample-breakdown{margin-bottom:calc(3 * var(--paper-unit))}.sample-classic .sample-total{padding:calc(3 * var(--paper-unit)) 0}.sample-bold-header{padding:calc(6 * var(--paper-unit)) calc(7 * var(--paper-unit)) calc(4 * var(--paper-unit))}.sample-bold-header>span{font-size:calc(14 * var(--paper-unit));margin:calc(5 * var(--paper-unit)) 0 calc(2 * var(--paper-unit))}.sample-bold .sample-total{padding:calc(3.5 * var(--paper-unit)) calc(4 * var(--paper-unit))}.sample-side-content{padding:calc(6 * var(--paper-unit)) calc(5 * var(--paper-unit))}.sample-side .sample-recipient{margin-top:calc(6 * var(--paper-unit))}.sample-side .sample-ledger>div{padding:calc(3 * var(--paper-unit)) 0}.sample-side .sample-total{padding-top:calc(3 * var(--paper-unit))}.sample-side .sample-total>strong{font-size:calc(7.4 * var(--paper-unit))}.sample-ledger-classic .sample-paper{padding:calc(6 * var(--paper-unit))}.sample-ledger-seal{width:calc(8 * var(--paper-unit));height:calc(8 * var(--paper-unit));font-size:calc(5 * var(--paper-unit));margin-bottom:calc(2 * var(--paper-unit))}.sample-ledger-classic header>div:last-child{font-size:calc(6.5 * var(--paper-unit));padding:calc(3 * var(--paper-unit)) 0 calc(2 * var(--paper-unit));margin-top:calc(3 * var(--paper-unit))}.sample-ledger-meta{margin-top:calc(3 * var(--paper-unit))}.sample-ledger-classic .sample-recipient{margin:calc(3 * var(--paper-unit)) 0}.sample-ruled-table>div>*{padding:calc(2.7 * var(--paper-unit)) calc(1.5 * var(--paper-unit))}.sample-ledger-classic .sample-total{padding:calc(3 * var(--paper-unit)) 0}}
@media(max-width:899px){.auth-body{display:block}.auth-story{display:none}.auth-panel{min-height:100vh;min-height:100svh}.auth-form{max-width:420px}}