*{box-sizing:border-box;margin:0;padding:0}body{background:var(--bg,#f4f0f0);font-family:Plus Jakarta Sans,sans-serif}.auth-wrap{min-height:100svh;display:flex}.auth-hero{background:#0c0404;flex-direction:column;flex-shrink:0;justify-content:center;width:44%;padding:3.5rem;display:flex;position:relative;overflow:hidden}.auth-hero:before{content:"";pointer-events:none;background:radial-gradient(70% 55% at 85% 12%,#df3e3a3d 0%,#0000 55%),radial-gradient(55% 50% at 15% 88%,#ea72c11f 0%,#0000 55%),radial-gradient(60% 60%,#12040480 0%,#0000 70%);position:absolute;inset:0}.auth-hero:after{content:"";opacity:.04;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");background-size:200px;position:absolute;inset:0}.hero-deco{pointer-events:none;border-radius:50%;position:absolute}.hero-deco-1{border:1px solid #df3e3a1f;width:460px;height:460px;top:-120px;right:-140px}.hero-deco-2{border:1px solid #ea72c112;width:300px;height:300px;bottom:-80px;left:-80px}.hero-inner{z-index:1;position:relative}.hero-brand{align-items:center;gap:.6rem;margin-bottom:2.75rem;display:flex}.hero-logo{object-fit:contain;filter:brightness(0)invert();height:32px}.hero-wordmark{color:#fff;letter-spacing:-.025em;font-family:Plus Jakarta Sans,sans-serif;font-size:1.25rem;font-weight:800}.hero-headline{font-family:var(--font-display,"Bricolage Grotesque", "Plus Jakarta Sans", sans-serif);color:#fff;letter-spacing:-.04em;margin-bottom:1rem;font-size:clamp(2rem,3vw,2.6rem);font-weight:800;line-height:1.08}.hero-sub{color:#ffffff80;max-width:28ch;margin-bottom:2.25rem;font-size:.88rem;line-height:1.65}.hero-features{flex-direction:column;gap:.8rem;margin-bottom:2.75rem;list-style:none;display:flex}.hero-features li{color:#ffffffb8;align-items:center;gap:.75rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.875rem;font-weight:500;display:flex}.feat-check{color:#e8614d;background:#df3e3a2e;border:1px solid #df3e3a52;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:flex}.hero-proof{align-items:center;gap:.75rem;display:flex}.proof-avatars{display:flex}.proof-av{color:#fff;border:2px solid #0c0404;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;font-family:Plus Jakarta Sans,sans-serif;font-size:.58rem;font-weight:700;display:flex}.proof-text{color:#ffffff73;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem}.proof-text strong{color:#ffffffbf;font-weight:700}.auth-form-side{background:var(--bg,#f4f0f0);flex:1;justify-content:center;align-items:center;padding:2.5rem 1.5rem;display:flex;overflow-y:auto}.form-card{width:100%;max-width:400px;animation:.45s cubic-bezier(.34,1.56,.64,1) both fadeUp}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.mobile-logo{justify-content:center;margin-bottom:2rem;display:none}.mobile-logo-img{object-fit:contain;height:90px}.auth-tabs{background:#1a080812;border-radius:12px;margin-bottom:1.75rem;padding:4px;display:flex;position:relative}.auth-tab{z-index:1;text-align:center;color:var(--text-soft,#6b5555);cursor:pointer;background:0 0;border:none;border-radius:9px;flex:1;padding:.6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.88rem;font-weight:700;transition:color .25s;position:relative}.auth-tab.active{color:var(--text-dark,#1a0808)}.tab-slider{pointer-events:none;background:#fff;border-radius:8px;width:calc(50% - 4px);transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:absolute;top:4px;bottom:4px;left:4px;box-shadow:0 1px 6px #1a08081a}.tab-slider.right{transform:translate(100%)}.form-heading{margin-bottom:1.4rem}.form-heading h1{color:var(--text-dark,#1a0808);letter-spacing:-.025em;margin-bottom:.3rem;font-family:Plus Jakarta Sans,sans-serif;font-size:1.5rem;font-weight:800;line-height:1.2}.form-heading p{color:var(--text-soft,#6b5555);font-size:.84rem;line-height:1.55}.btn-google{width:100%;color:var(--text-dark,#1a0808);cursor:pointer;background:#fff;border:1.5px solid #1a080817;border-radius:12px;justify-content:center;align-items:center;gap:.65rem;padding:.78rem 1rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;font-weight:700;transition:border-color .2s,box-shadow .2s,transform .2s cubic-bezier(.34,1.56,.64,1);display:flex;box-shadow:0 1px 3px #1a08080d}.btn-google:hover{border-color:#1a08082e;transform:translateY(-1px);box-shadow:0 4px 14px #1a080814}.btn-google:active{transform:translateY(0)}.divider{align-items:center;gap:.85rem;margin:1.1rem 0;display:flex}.divider-line{background:#1a080812;flex:1;height:1px}.divider-text{color:var(--text-soft,#6b5555);white-space:nowrap;font-size:.72rem;font-weight:600}.form-msg{border-radius:8px;margin-bottom:.75rem;padding:.6rem .85rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.79rem;font-weight:500;line-height:1.45}.form-msg--error{color:var(--red,#df3e3a);background:#df3e3a12;border:1px solid #df3e3a2e}.form-msg--success{color:var(--green,#3db87a);background:#3db87a14;border:1px solid #3db87a2e}.field{margin-bottom:.9rem}.field-row{justify-content:space-between;align-items:center;margin-bottom:.4rem;display:flex}.field label,.field-row label{color:var(--text-mid,#5c3030);letter-spacing:.01em;margin-bottom:.4rem;font-size:.78rem;font-weight:700;display:block}.field-row label{margin-bottom:0}.field input{width:100%;color:var(--text-dark,#1a0808);background:#fff;border:1.5px solid #1a080814;border-radius:10px;outline:none;padding:.72rem .95rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.9rem;transition:border-color .2s,box-shadow .2s;box-shadow:0 1px 2px #1a08080a}.field input::placeholder{color:#5b30304d}.field input:focus{border-color:var(--red,#df3e3a);box-shadow:0 0 0 3px #df3e3a14}.input-wrap{position:relative}.input-wrap input{padding-right:2.8rem}.toggle-pw{cursor:pointer;color:var(--text-soft,#6b5555);background:0 0;border:none;justify-content:center;align-items:center;min-width:28px;min-height:28px;padding:0;transition:color .2s;display:flex;position:absolute;top:50%;right:.8rem;transform:translateY(-50%)}.toggle-pw:hover{color:var(--red,#df3e3a)}.toggle-pw:focus-visible{outline:2px solid var(--red,#df3e3a);border-radius:4px}.forgot-link{color:var(--red,#df3e3a);font-size:.76rem;font-weight:700;text-decoration:none;transition:opacity .2s}.forgot-link:hover{opacity:.7}.btn-submit{background:var(--red,#df3e3a);color:#fff;cursor:pointer;border:none;border-radius:12px;justify-content:center;align-items:center;gap:.5rem;width:100%;margin-top:.35rem;padding:.84rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.95rem;font-weight:700;transition:transform .2s cubic-bezier(.34,1.56,.64,1),box-shadow .2s;display:flex;position:relative;overflow:hidden;box-shadow:0 4px 18px #df3e3a47}.btn-submit:after{content:"";pointer-events:none;background:linear-gradient(135deg,#ffffff1f 0%,#0000 50%);position:absolute;inset:0}.btn-submit:not(:disabled):hover{transform:translateY(-2px);box-shadow:0 8px 26px #df3e3a5c}.btn-submit:active{transform:translateY(0)}.btn-submit:disabled{opacity:.65;cursor:not-allowed}.btn-spinner{animation:.75s linear infinite spin}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.toggle-row{text-align:center;color:var(--text-soft,#6b5555);margin-top:1.2rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.83rem}.toggle-link{color:var(--red,#df3e3a);cursor:pointer;font-weight:700;text-decoration:none;transition:opacity .2s}.toggle-link:hover{opacity:.7}.terms{text-align:center;color:var(--text-soft,#6b5555);margin-top:1.25rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.7rem;line-height:1.55}.terms a{color:var(--text-soft,#6b5555);text-decoration:underline}.terms a:hover{color:var(--red,#df3e3a)}.no-cc-note{text-align:center;color:var(--text-soft,#6b5555);margin-top:.6rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.72rem}html[data-theme=dark] .no-cc-note{color:#ffffff59}.back-link{text-align:center;color:var(--text-soft,#6b5555);margin-top:1.4rem;font-family:Plus Jakarta Sans,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;transition:color .2s;display:block}.back-link:hover{color:var(--red,#df3e3a)}.form-panel{display:none}.form-panel.active{animation:.28s both panelIn;display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (max-width:767px){.auth-hero{display:none}.mobile-logo{display:flex}.auth-form-side{align-items:flex-start;padding:3rem 1.25rem 2rem}}html[data-theme=dark] .auth-form-side{background:var(--bg,#0e0e0e)}html[data-theme=dark] .auth-tabs{background:#ffffff0f}html[data-theme=dark] .auth-tab.active{color:var(--text-dark,#efefef)}html[data-theme=dark] .tab-slider{background:#ffffff1a;box-shadow:0 1px 4px #00000059}html[data-theme=dark] .btn-google{color:var(--text-dark,#efefef);background:#ffffff0f;border-color:#ffffff1a}html[data-theme=dark] .btn-google:hover{border-color:#ffffff2e;box-shadow:0 4px 14px #0000004d}html[data-theme=dark] .divider-line{background:#ffffff12}html[data-theme=dark] .field input{color:var(--text-dark,#efefef);box-shadow:none;background:#ffffff0a;border-color:#ffffff17}html[data-theme=dark] .field input::placeholder{color:#fff3}html[data-theme=dark] .field input:focus{border-color:var(--red,#e8514d);background:#ffffff0f;box-shadow:0 0 0 3px #e8514d1f}html[data-theme=dark] .form-msg--error{background:#e8514d1a;border-color:#e8514d38}html[data-theme=dark] .form-msg--success{background:#3db87a1a;border-color:#3db87a38}