:root{--ink:#11100d;--gold:#d8a92e;--gold-deep:#8c6210;--cream:#faf6ea;--muted:#776f5d;--line:#e6ddc7}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(circle at 18% 10%,rgba(216,169,46,.16),transparent 34%),#0c0b09;color:#fff;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}.auth-shell{min-height:100vh;display:grid;grid-template-columns:minmax(280px,1fr) minmax(360px,560px)}.auth-story{padding:clamp(36px,7vw,96px);display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.auth-story:after{content:"";position:absolute;width:440px;height:440px;border:1px solid rgba(216,169,46,.22);border-radius:50%;right:-180px;bottom:-150px;box-shadow:0 0 0 60px rgba(216,169,46,.035),0 0 0 120px rgba(216,169,46,.025)}.brand{display:flex;align-items:center;gap:16px;text-decoration:none;color:#fff;position:relative;z-index:1}.brand img{width:68px;height:68px}.brand strong{display:block;font-size:18px;letter-spacing:.04em}.brand span span{color:var(--gold);font-size:13px;text-transform:uppercase;letter-spacing:.22em}.story-copy{max-width:680px;position:relative;z-index:1}.eyebrow{color:var(--gold);font-size:12px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.story-copy h1{font-size:clamp(42px,6vw,78px);line-height:.98;letter-spacing:-.055em;margin:18px 0 26px}.story-copy p{color:#c9c2b2;font-size:18px;line-height:1.7;max-width:590px}.auth-panel{background:#fff;color:var(--ink);padding:clamp(32px,6vw,76px);display:flex;align-items:center}.auth-card{width:100%;max-width:430px;margin:auto}.auth-card h2{font-size:36px;line-height:1.05;letter-spacing:-.04em;margin:0 0 10px}.auth-card>.lede{color:var(--muted);line-height:1.55;margin:0 0 30px}.field{margin-bottom:17px}.field label{display:block;font-size:13px;font-weight:750;margin-bottom:7px}.field input{width:100%;border:1px solid #d8d0bf;border-radius:10px;padding:13px 14px;font:inherit;background:#fff;color:var(--ink);outline:none}.field input:focus{border-color:var(--gold-deep);box-shadow:0 0 0 3px rgba(216,169,46,.18)}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}.button{width:100%;border:0;border-radius:10px;padding:14px 18px;background:linear-gradient(135deg,#f1cc57,var(--gold));color:var(--ink);font-weight:850;font-size:15px;cursor:pointer;box-shadow:0 12px 30px rgba(140,98,16,.22)}.button:hover{filter:brightness(1.035);transform:translateY(-1px)}.switch{margin-top:20px;text-align:center;color:var(--muted);font-size:14px}.switch a{color:var(--gold-deep);font-weight:750}.notice{border-radius:10px;padding:13px 15px;margin:0 0 18px;font-size:14px;line-height:1.45}.notice.error{background:#fff0ef;color:#93251f;border:1px solid #f2cbc8}.notice.success{background:#eef9f2;color:#17633a;border:1px solid #c8ead5}.security-note{display:flex;gap:9px;align-items:flex-start;margin-top:22px;color:var(--muted);font-size:12px;line-height:1.5}.security-note b{color:var(--gold-deep)}@media(max-width:820px){.auth-shell{display:block}.auth-story{min-height:310px;padding:30px}.story-copy h1{font-size:44px}.story-copy p{font-size:15px}.auth-panel{padding:38px 24px;min-height:calc(100vh - 310px)}}@media(max-width:480px){.field-row{grid-template-columns:1fr}.auth-story{min-height:260px}.story-copy h1{font-size:36px}.story-copy p{display:none}.brand img{width:54px;height:54px}}
.selected-plan{display:flex;align-items:center;gap:10px;margin:0 0 20px;padding:12px 14px;border:1px solid rgba(216,169,46,.35);border-radius:10px;background:#fffaf0}.selected-plan span{font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:#8c6210;font-weight:800}.selected-plan strong{margin-left:auto}.selected-plan a{font-size:12px;color:#8c6210}
.optional{color:var(--muted);font-weight:500}.sms-consent{display:flex;align-items:flex-start;gap:10px;margin:-2px 0 20px;color:var(--muted);font-size:12px;line-height:1.5}.sms-consent input{width:17px;height:17px;flex:0 0 17px;margin:1px 0 0;accent-color:var(--gold-deep)}.sms-consent label{cursor:pointer}

/* Full Blown Invoice product wordmark */
.brand{gap:0}.brand img{display:block;width:min(320px,100%);height:auto;object-fit:contain}
@media(max-width:480px){.brand img{width:min(250px,100%);height:auto}}