.auth-page{background:#fff;flex-direction:column;min-height:100dvh;display:flex;position:relative;overflow:hidden}.auth-left{background:linear-gradient(160deg,#0a5c2e 0%,#16a34a 45%,#22c55e 80%,#4ade80 100%);display:none;position:relative;overflow:hidden}@media (min-width:900px){.auth-page{flex-direction:row;min-height:100dvh}.auth-left{flex-direction:column;flex-shrink:0;justify-content:space-between;width:52%;padding:3rem 3.5rem;display:flex}.auth-right{background:#f7fdf9;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:2.5rem 2rem;display:flex;overflow-y:auto}}@media (min-width:1200px){.auth-left{width:54%;padding:3.5rem 4.5rem}.auth-right{padding:3rem}}.left-shapes{pointer-events:none;position:absolute;inset:0;overflow:hidden}.left-shapes:before{content:"";background:#ffffff14;border-radius:68% 32% 55% 45%/40% 60%;width:420px;height:420px;animation:9s ease-in-out infinite alternate morphBlob;position:absolute;top:-80px;right:-100px}.left-shapes:after{content:"";background:#ffffff0f;border-radius:44% 56% 65% 35%/55% 45%;width:280px;height:280px;animation:12s ease-in-out infinite alternate-reverse morphBlob;position:absolute;bottom:120px;left:-60px}@keyframes morphBlob{0%{border-radius:68% 32% 55% 45%/40% 60%;transform:rotate(0)scale(1)}33%{border-radius:45% 55% 38% 62%/58% 42%;transform:rotate(5deg)scale(1.05)}66%{border-radius:55% 45% 70% 30%/35% 65%;transform:rotate(-4deg)scale(.97)}to{border-radius:38% 62% 48% 52%/62% 38%;transform:rotate(3deg)scale(1.02)}}.left-circle{background:#ffffff12;border-radius:50%;animation:7s ease-in-out infinite floatCircle;position:absolute}.left-circle-1{width:160px;height:160px;animation-delay:0s;top:30%;right:20px}.left-circle-2{width:90px;height:90px;animation-delay:2s;top:60%;right:40%}.left-circle-3{width:60px;height:60px;animation-delay:4s;top:15%;left:30%}@keyframes floatCircle{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-18px)scale(1.06)}}.left-content{z-index:2;flex-direction:column;flex:1;justify-content:center;display:flex;position:relative}.left-logo{align-items:center;gap:.65rem;margin-bottom:3.5rem;display:flex}.left-logo-img{-o-object-fit:contain;object-fit:contain;filter:brightness(0)invert();width:auto;height:2.6rem}.left-logo-name{color:#fff;letter-spacing:-.03em;font-size:1.35rem;font-weight:900}.left-tagline{letter-spacing:.2em;color:#ffffffa6;text-transform:uppercase;align-items:center;gap:.4rem;margin-bottom:1.1rem;font-size:.72rem;font-weight:800;display:inline-flex}.left-heading{letter-spacing:-.035em;color:#fff;margin-bottom:1.25rem;font-size:clamp(2rem,3.2vw,2.9rem);font-weight:900;line-height:1.1}.left-heading span{color:#ffffff8c;letter-spacing:0;margin-bottom:.2rem;font-size:.6em;font-weight:700;display:block}.left-sub{color:#ffffffb8;max-width:26rem;margin-bottom:2.5rem;font-size:1rem;font-weight:500;line-height:1.7}.left-pillars{flex-direction:column;gap:.85rem;display:flex}.left-pillar{align-items:center;gap:.9rem;display:flex}.pillar-icon{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff26;border-radius:.7rem;flex-shrink:0;justify-content:center;align-items:center;width:2.4rem;height:2.4rem;font-size:1rem;display:flex}.pillar-text-title{color:#fff;font-size:.9rem;font-weight:800}.pillar-text-sub{color:#fff9;font-size:.75rem;font-weight:500}.left-proof{z-index:2;align-items:center;gap:.75rem;margin-top:2rem;display:flex;position:relative}.proof-avatars{display:flex}.proof-avatar{color:#065f46;background:linear-gradient(135deg,#bbf7d0,#34d399);border:2px solid #ffffff80;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;margin-left:-.5rem;font-size:.65rem;font-weight:800;display:flex}.proof-avatar:first-child{margin-left:0}.proof-label{color:#fffc;font-size:.78rem;font-weight:600;line-height:1.4}.proof-label strong{color:#fff;display:block}.left-waves{z-index:1;pointer-events:none;line-height:0;position:absolute;bottom:0;left:0;right:0}.left-waves svg{width:100%;display:block}.auth-right{background:radial-gradient(80% 50% at 10% 10%,#25d3661a 0%,#0000 60%),radial-gradient(70% 60% at 90% 90%,#25d36612 0%,#0000 60%),#f7fdf9;flex-direction:column;justify-content:center;align-items:center;padding:1.5rem 1rem 2.5rem;display:flex;position:relative;overflow:hidden}.right-blob{filter:blur(60px);pointer-events:none;border-radius:50%;position:absolute}.right-blob-1{background:#25d36621;width:240px;height:240px;animation:10s ease-in-out infinite blobDrift;top:-80px;right:-60px}.right-blob-2{background:#25d36617;width:180px;height:180px;animation:13s ease-in-out infinite reverse blobDrift;bottom:-60px;left:-40px}@keyframes blobDrift{0%,to{transform:translate(0)scale(1)}50%{transform:translate(12px,-15px)scale(1.07)}}.mobile-brand{z-index:2;text-align:center;margin-bottom:1.5rem;animation:.5s ease-out both slideDown;position:relative}@media (min-width:900px){.mobile-brand,.right-blob{display:none}}@keyframes slideDown{0%{opacity:0;transform:translateY(-16px)}to{opacity:1;transform:none}}.mobile-logo-wrap{align-items:center;gap:.55rem;margin-bottom:.3rem;display:inline-flex}.mobile-logo-img{-o-object-fit:contain;object-fit:contain;width:auto;height:2.2rem}.mobile-logo-name{color:#0d1f13;letter-spacing:-.025em;font-size:1.25rem;font-weight:900}.mobile-tagline{letter-spacing:.18em;color:#25d366;text-transform:uppercase;margin-bottom:.2rem;font-size:.68rem;font-weight:800}.mobile-heading{color:#0d1f13;letter-spacing:-.025em;font-size:1.3rem;font-weight:900}.auth-card{z-index:2;-webkit-backdrop-filter:blur(20px);background:#fffffff2;border:1px solid #25d3661f;border-radius:1.5rem;width:100%;max-width:420px;padding:1.75rem 1.5rem;animation:.55s cubic-bezier(.34,1.4,.64,1) .1s both cardPop;position:relative;box-shadow:0 2px 4px #00000005,0 12px 40px #00000014,inset 0 0 0 1px #ffffffb3}@media (min-width:900px){.auth-card{max-width:400px;box-shadow:0 8px 48px #0000001a,inset 0 0 0 1px #ffffffb3}}@keyframes cardPop{0%{opacity:0;transform:translateY(20px)scale(.97)}to{opacity:1;transform:none}}.auth-tabs{background:#f0fdf4;border-radius:.85rem;gap:.15rem;margin-bottom:1.6rem;padding:.25rem;display:flex}.auth-tab{color:#6b9980;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:.65rem;flex:1;padding:.55rem .35rem;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1.2;transition:all .2s}.auth-tab:hover:not(.active){color:#16a34a;background:#ffffff80}.auth-tab.active{color:#0d1f13;background:#fff;box-shadow:0 2px 8px #00000017}.auth-panel{animation:.25s ease-out both fadePanel;display:none}.auth-panel.active{display:block}@keyframes fadePanel{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.field-group{flex-direction:column;gap:.85rem;margin-bottom:.9rem;display:flex}.field-wrap{flex-direction:column;gap:.28rem;display:flex;position:relative}.field-label{color:#374151;letter-spacing:.01em;font-size:.77rem;font-weight:700}.field-inner{align-items:center;display:flex;position:relative}.field-icon{color:#9ca3af;pointer-events:none;z-index:1;font-size:.82rem;transition:color .2s;position:absolute;left:.9rem}.field-inner:focus-within .field-icon{color:#25d366}.field-input{color:#111;-webkit-appearance:none;background:#fafafa;border:1.5px solid #e5e7eb;border-radius:.7rem;outline:none;width:100%;min-height:48px;padding:.78rem .9rem .78rem 2.4rem;font-family:inherit;font-size:.92rem;font-weight:500;transition:border-color .2s,background .2s,box-shadow .2s}.field-input::placeholder{color:#c0ccd4;font-weight:400}.field-input:focus{background:#fff;border-color:#25d366;box-shadow:0 0 0 3px #25d36621}.field-input.error{border-color:#ef4444}.field-input.error:focus{box-shadow:0 0 0 3px #ef44441a}.eye-btn{cursor:pointer;color:#9ca3af;background:0 0;border:none;justify-content:center;align-items:center;min-width:44px;min-height:44px;padding:.4rem;font-size:.85rem;transition:color .2s;display:flex;position:absolute;right:.85rem}.eye-btn:hover{color:#25d366}.field-error{color:#ef4444;align-items:center;gap:.3rem;font-size:.72rem;font-weight:600;animation:.2s ease-out errPop;display:flex}@keyframes errPop{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:none}}.forgot-link-row{justify-content:flex-end;margin-top:.1rem;margin-bottom:.25rem;display:flex}.forgot-link-btn{cursor:pointer;color:#16a34a;background:0 0;border:none;padding:.2rem 0;font-family:inherit;font-size:.78rem;font-weight:700;line-height:1;text-decoration:none;transition:color .2s}.forgot-link-btn:hover{color:#15803d;text-decoration:underline}.strength-bar-wrap{gap:.28rem;margin-top:.4rem;display:flex}.strength-seg{background:#e5e7eb;border-radius:4px;flex:1;height:4px;transition:background .35s}.strength-seg.weak{background:#ef4444}.strength-seg.medium{background:#f59e0b}.strength-seg.strong{background:#22c55e}.strength-label{margin-top:.22rem;font-size:.7rem;font-weight:700;transition:color .3s}.strength-label.weak{color:#ef4444}.strength-label.medium{color:#f59e0b}.strength-label.strong{color:#22c55e}.check-row{align-items:flex-start;gap:.6rem;margin-bottom:.75rem;display:flex}.check-input{accent-color:#25d366;cursor:pointer;flex-shrink:0;width:1.1rem;min-width:1.1rem;height:1.1rem;margin-top:.15rem}.check-label{color:#555;font-size:.78rem;font-weight:500;line-height:1.5}.check-label a{color:#16a34a;font-weight:700;text-decoration:none}.check-label a:hover{text-decoration:underline}.auth-btn{color:#fff;cursor:pointer;letter-spacing:.01em;background:#25d366;border:none;border-radius:.8rem;justify-content:center;align-items:center;gap:.5rem;width:100%;min-height:52px;margin-bottom:1rem;padding:.88rem 1.25rem;font-family:inherit;font-size:.95rem;font-weight:800;transition:background .2s,transform .18s,box-shadow .2s,opacity .2s;display:flex;box-shadow:0 4px 16px #25d36659}.auth-btn:hover:not(:disabled){background:#1aab52;transform:translateY(-1px);box-shadow:0 8px 22px #25d36666}.auth-btn:active:not(:disabled){transform:none}.auth-btn:disabled{opacity:.6;cursor:not-allowed}.spinner{border:2.5px solid #ffffff59;border-top-color:#fff;border-radius:50%;flex-shrink:0;width:1.05rem;height:1.05rem;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.auth-divider{color:#c0ccd4;letter-spacing:.04em;align-items:center;gap:.75rem;margin-bottom:1rem;font-size:.72rem;font-weight:600;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#e9edf0;flex:1;height:1px}.social-auth-btn{color:#1a1a1a;cursor:pointer;background:#fff;border:1.5px solid #e5e7eb;border-radius:.8rem;justify-content:center;align-items:center;gap:.65rem;width:100%;min-height:48px;margin-bottom:.65rem;padding:.8rem 1.25rem;font-family:inherit;font-size:.88rem;font-weight:700;transition:border-color .2s,background .2s,box-shadow .2s,transform .18s;display:flex;box-shadow:0 1px 4px #0000000d}.social-auth-btn:hover{background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px);box-shadow:0 4px 12px #00000014}.social-auth-btn:active{transform:none}.google-icon{flex-shrink:0;width:1.1rem;height:1.1rem}.auth-success{text-align:center;padding:.75rem .25rem;animation:.35s ease-out both fadePanel}.success-icon-wrap{background:linear-gradient(135deg,#bbf7d0,#d1fae5);border:3px solid #25d36633;border-radius:50%;justify-content:center;align-items:center;width:4.5rem;height:4.5rem;margin:0 auto 1.25rem;font-size:2rem;animation:.5s cubic-bezier(.34,1.56,.64,1) both successPop;display:flex}@keyframes successPop{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}.success-title{color:#0d1f13;margin-bottom:.5rem;font-size:1.2rem;font-weight:900}.success-sub{color:#6b9980;margin-bottom:1.25rem;font-size:.84rem;font-weight:500;line-height:1.65}.success-email-badge{color:#16a34a;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:999px;align-items:center;gap:.4rem;margin-bottom:1.5rem;padding:.4rem .9rem;font-size:.8rem;font-weight:700;display:inline-flex}.resend-btn{color:#16a34a;cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:.82rem;font-weight:700;text-decoration:underline;transition:color .2s}.resend-btn:hover{color:#15803d}.resend-btn:disabled{opacity:.5;cursor:default;text-decoration:none}.reset-success{background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.85rem;align-items:flex-start;gap:.75rem;padding:1rem 1.1rem;animation:.3s ease-out both fadePanel;display:flex}.reset-success-icon{color:#fff;background:#25d366;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:1.75rem;height:1.75rem;margin-top:.05rem;font-size:.8rem;display:flex}.reset-success-text{color:#166534;font-size:.82rem;font-weight:600;line-height:1.55}.auth-footer-note{z-index:2;color:#9ca3af;text-align:center;margin-top:1.25rem;font-size:.73rem;font-weight:500;position:relative}.auth-footer-note a{color:#6b9980;font-weight:700;text-decoration:none}.auth-footer-note a:hover{text-decoration:underline}.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:.5rem;width:calc(100% - 2rem);max-width:370px;display:flex;position:fixed;top:1rem;left:50%;transform:translate(-50%)}.toast{pointer-events:all;border-radius:.85rem;align-items:center;gap:.65rem;padding:.8rem 1rem;font-family:inherit;font-size:.84rem;font-weight:700;animation:.35s cubic-bezier(.34,1.4,.64,1) both toastIn;display:flex;box-shadow:0 8px 28px #0000001f}.toast.exit{animation:.28s ease-in forwards toastOut}@keyframes toastIn{0%{opacity:0;transform:translateY(-14px)scale(.95)}to{opacity:1;transform:none}}@keyframes toastOut{to{opacity:0;transform:translateY(-10px)scale(.95)}}.toast.success{color:#166534;background:#fff;border-left:4px solid #25d366}.toast.error{color:#991b1b;background:#fff;border-left:4px solid #ef4444}.toast.info{color:#1e40af;background:#fff;border-left:4px solid #3b82f6}.toast-icon{flex-shrink:0;font-size:1rem}.toast-msg{flex:1}.forgot-desc{color:#6b9980;margin-top:0;margin-bottom:1.25rem;font-size:.84rem;font-weight:500;line-height:1.65}
