:root{--cream:#fff8ed;--cream-2:#fff2df;--card:#fffdf8;--orange:#f05a00;--orange-2:#ff7a00;--teal:#0d4248;--dark:#172326;--muted:#6d5b4d;--line:#ecd6b8;--green:#2e8b3c;--shadow:0 20px 55px rgba(80,48,12,.11)}
*{box-sizing:border-box}html{font-family:"Segoe UI",Arial,sans-serif;color:var(--dark);background:var(--cream)}body{margin:0}button,input{font:inherit}.auth-page{min-height:100svh;display:grid;grid-template-columns:minmax(0,1.08fr) minmax(440px,.92fr)}
.story-panel{position:relative;overflow:hidden;display:flex;min-height:100svh;flex-direction:column;justify-content:space-between;padding:clamp(2rem,4vw,4.5rem);color:var(--card);background:radial-gradient(circle at 84% 12%,rgba(240,90,0,.32),transparent 27%),linear-gradient(145deg,#082f34 0%,var(--teal) 58%,#123b3e 100%)}.story-panel:before{content:"";position:absolute;width:34rem;height:34rem;border:1px solid rgba(255,248,237,.12);border-radius:50%;right:-18rem;bottom:-10rem;box-shadow:0 0 0 70px rgba(255,248,237,.035),0 0 0 140px rgba(255,248,237,.025)}
.brand-row,.mobile-brand{display:flex;align-items:center}.brand-row{position:relative;z-index:1;width:max-content}.brand-row strong,.mobile-brand b{display:block;color:#fff8ed;font-size:1.32rem;letter-spacing:.045em}.brand-initial{color:#6f3f32!important;font-size:1.2em!important;text-shadow:0 1px 0 rgba(255,248,237,.28)}.brand-row small{display:block;margin-top:.28rem;font-size:.72rem;font-weight:850;letter-spacing:.16em;color:#f2dfc7}
.story-copy{position:relative;z-index:1;max-width:43rem;margin:auto 0}.story-copy .quote-card{width:min(100%,41rem);margin:0 0 2.1rem;padding:1.7rem 1.8rem;border:3px solid #6f3f32;border-radius:1.25rem;background:#fff8ed;box-shadow:0 20px 44px rgba(0,0,0,.2);color:#1e434a;font-size:clamp(1.28rem,1.9vw,1.62rem);font-style:italic;font-weight:700;line-height:1.5}.story-copy cite{display:block;margin-top:.8rem;color:#6f3f32;font-size:.95rem;font-style:normal;font-weight:850;letter-spacing:.05em}.story-copy h1{max-width:41rem;margin:0 0 1.2rem;font-size:clamp(2.8rem,5.1vw,4.8rem);line-height:.98;letter-spacing:-.055em}.story-copy h1 em{color:var(--orange-2);font-style:normal}.story-copy>p{max-width:37rem;margin:0;color:#f2dfc7;font-size:clamp(1.05rem,1.4vw,1.2rem);line-height:1.65}.story-copy .audience{margin-top:.7rem;color:#fffdf8;font-size:clamp(.95rem,1.2vw,1.08rem);font-weight:650}
.form-panel{min-height:100svh;display:grid;place-items:center;padding:clamp(1.5rem,4vw,4rem);background:linear-gradient(180deg,var(--card),#fff3e2)}.form-shell{width:min(100%,31rem)}.mobile-brand{display:none}.form-heading{margin-bottom:1.75rem}.form-kicker{margin:0 0 .65rem!important;color:var(--orange)!important;font-size:.72rem!important;font-weight:850;letter-spacing:.14em}.form-heading h2{margin:0 0 .4rem;font-size:clamp(1.75rem,3vw,2.3rem);line-height:1.12;letter-spacing:-.035em;color:var(--teal)}.form-heading>p{margin:0;color:var(--muted);font-size:.92rem}
.tab-list{display:grid;grid-template-columns:1fr 1fr;width:100%;padding:.28rem;border:1px solid var(--line);border-radius:.8rem;background:var(--cream-2)}.tab{height:2.45rem;border:0;border-radius:.6rem;color:var(--muted);background:transparent;cursor:pointer;font-size:.9rem;font-weight:650}.tab.active{color:var(--teal);background:var(--card);box-shadow:0 4px 12px rgba(80,48,12,.08)}.tab-panel{padding-top:1.3rem}.tab-panel form{display:grid;gap:1rem}.field-stack{display:grid;gap:.48rem}.field-stack label{font-size:.82rem;font-weight:750;color:#3d332b}.field-stack small{color:#7b6a5c;font-size:.72rem}.field-stack input{width:100%;height:3.1rem;padding:0 .9rem;border:1px solid #dec6a6;border-radius:.72rem;outline:0;background:var(--card);font-size:.92rem}.field-stack input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(240,90,0,.12)}.password-wrap{position:relative}.password-wrap input{padding-right:4.2rem}.password-toggle{position:absolute;right:.35rem;top:50%;transform:translateY(-50%);height:2.35rem;padding:0 .7rem;border:0;border-radius:.55rem;background:transparent;color:var(--muted);cursor:pointer;font-size:.75rem;font-weight:700}.password-toggle:hover{background:var(--cream-2);color:var(--orange)}
.primary-action{width:100%;height:3.15rem;margin-top:.25rem;border:0;border-radius:.75rem;color:#fff;background:linear-gradient(135deg,var(--orange),var(--orange-2));box-shadow:0 12px 24px rgba(240,90,0,.2);cursor:pointer;font-weight:750}.primary-action:hover{background:linear-gradient(135deg,#d94f00,#ef6f00)}.support-note{margin:1rem 0 0;color:#7b6a5c;text-align:center;font-size:.75rem;line-height:1.5}.password-rules{display:flex;gap:1rem;color:var(--muted);font-size:.72rem}.password-rules span{color:var(--green)}.milestone-notice{margin-top:1rem;padding:.85rem 1rem;border:1px solid #f2bf8e;border-radius:.7rem;color:#7c3608;background:var(--cream-2);font-size:.78rem;line-height:1.5}
@media(max-width:880px){.auth-page{grid-template-columns:1fr}.story-panel{display:none}.form-panel{padding-top:1.25rem;display:block}.mobile-brand{margin:0 auto 2.5rem;max-width:31rem}.mobile-brand b{color:#1e434a}.form-shell{margin:auto}}
@media(max-width:520px){.form-panel{padding:1.1rem}.form-heading h2{font-size:1.72rem}.password-rules{flex-direction:column;gap:.35rem}}
@media(prefers-reduced-motion:no-preference){.form-shell{animation:rise .5s ease-out both}@keyframes rise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}}