.auth-modal{position:fixed;inset:0;z-index:999;display:flex;align-items:center;justify-content:center;background:rgba(30,24,44,.52);backdrop-filter:blur(8px);padding:20px;animation:fadeIn .25s ease;overflow-y:auto}.auth-shell{width:100%;max-width:960px;height:min(640px,calc(100dvh - 40px));display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);background:var(--white);border-radius:24px;box-shadow:0 32px 80px -20px rgba(45,42,38,.28),0 12px 32px -8px rgba(45,42,38,.16);animation:scaleIn .4s cubic-bezier(.22,1,.36,1)}.auth-shell,.auth-visual{overflow:hidden;position:relative}.auth-visual{padding:36px 32px 0;background:linear-gradient(110deg,#7B0FD4,#B820C0 20%,#E0306A 45%,#F5552A 68%,#FF8F1C);background-size:300% 300%;animation:authGradientShift 9s ease infinite;display:flex;flex-direction:column;isolation:isolate}@keyframes authGradientShift{0%{background-position:0 50%}25%{background-position:50% 0}50%{background-position:100% 50%}75%{background-position:50% 100%}to{background-position:0 50%}}.auth-visual:before{content:"";position:absolute;inset:0;background-image:url(/patterns/auth-orbit-dots.svg);background-size:cover;background-position:50%;opacity:.9;z-index:0;animation:authOrbitFloat 12s ease-in-out infinite alternate}.auth-visual:after{content:"";position:absolute;width:240px;height:240px;border-radius:50%;background:radial-gradient(closest-side,rgba(255,255,255,.25) 0,transparent 70%);filter:blur(30px);top:-60px;left:-60px;z-index:0;animation:authBlobFloat 10s ease-in-out infinite alternate}@keyframes authOrbitFloat{0%{transform:translateY(0) rotate(0deg)}to{transform:translateY(-12px) rotate(2deg)}}@keyframes authBlobFloat{0%{transform:translate(0) scale(1)}50%{transform:translate(60px,40px) scale(1.15)}to{transform:translate(20px,80px) scale(.95)}}.auth-visual-brand{position:relative;z-index:2;display:flex;flex-direction:column;align-items:flex-start;gap:4px}.auth-visual-brand img{height:36px!important;width:auto!important;display:block;filter:brightness(0) invert(1)}.auth-visual-tagline{margin:0;font-family:Poppins,sans-serif;font-size:12.5px;font-weight:500;letter-spacing:.2px;color:rgba(255,255,255,.92)}.auth-visual-image-wrap{position:relative;flex:1;margin-top:8px;min-height:280px;z-index:1}.auth-visual-image-wrap img{object-position:center bottom;transform:scale(1.05);animation:authImageFloat 8s ease-in-out infinite alternate;filter:drop-shadow(0 18px 32px rgba(45,18,92,.35))}@keyframes authImageFloat{0%{transform:translateY(0) scale(1.05)}to{transform:translateY(-10px) scale(1.05)}}.auth-visual-image-wrap-login img{object-position:center bottom!important;transform-origin:center bottom!important;animation-name:authImageFloatLogin}@keyframes authImageFloatLogin{0%{transform:scale(1.04)}to{transform:scale(1.07)}}.auth-visual-image-wrap-signup img{animation-name:authImageFloatSignup}@keyframes authImageFloatSignup{0%{transform:translateY(0) scale(1.22)}to{transform:translateY(-10px) scale(1.22)}}.auth-visual-image-wrap-otp img{object-position:center bottom!important;animation-name:authImageFloatOtp}@keyframes authImageFloatOtp{0%{transform:translateY(0) scale(1.15)}to{transform:translateY(-10px) scale(1.15)}}.auth-visual-image-wrap-details{margin-top:0!important;margin-bottom:0}.auth-visual-image-wrap-details img{object-position:center bottom!important;transform-origin:center bottom!important;animation-name:authImageFloatDetails}@keyframes authImageFloatDetails{0%{transform:translateY(0) scale(1.12)}to{transform:translateY(-6px) scale(1.12)}}.auth-visual-shapes{position:absolute;inset:0;pointer-events:none;z-index:1;overflow:hidden}.auth-shape{position:absolute;border-radius:50%;background:rgba(255,255,255,.12);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.18);animation:authShapeDrift 9s ease-in-out infinite alternate}.auth-shape.s1{width:56px;height:56px;top:22%;right:12%;animation-delay:0s}.auth-shape.s2{width:28px;height:28px;top:58%;left:8%;animation-delay:1.6s}.auth-shape.s3{width:80px;height:80px;bottom:14%;right:6%;animation-delay:3.2s;opacity:.7}.auth-shape.s4{width:18px;height:18px;top:38%;left:18%;animation-delay:2s;background:rgba(255,220,130,.55);border-color:rgba(255,220,130,.4)}.auth-shape.s5{width:14px;height:14px;top:14%;left:40%;animation-delay:4s;background:rgba(255,255,255,.7)}@keyframes authShapeDrift{0%{transform:translate(0)}50%{transform:translate(-10px,14px)}to{transform:translate(12px,-10px)}}.auth-visual-glow{position:absolute;inset:auto -30% -40% auto;width:70%;height:70%;background:radial-gradient(closest-side,rgba(200,160,255,.6) 0,transparent 70%);filter:blur(28px);z-index:0;pointer-events:none;animation:authGlowPulse 6s ease-in-out infinite alternate}@keyframes authGlowPulse{0%{opacity:.6;transform:scale(1)}to{opacity:1;transform:scale(1.15)}}.auth-form-panel{position:relative;background:var(--white);display:flex;flex-direction:column;min-height:0}.auth-form-scroll{padding:36px 48px 28px;overflow-y:auto;flex:1;-webkit-overflow-scrolling:touch;scrollbar-width:none;-ms-overflow-style:none;display:flex;flex-direction:column}.auth-form-scroll>*{margin-top:auto;margin-bottom:auto}.auth-form-scroll::-webkit-scrollbar{display:none;width:0;height:0}.auth-close{position:absolute;top:18px;right:18px;width:38px;height:38px;border-radius:50%;background:var(--white);border:1px solid var(--border);cursor:pointer;font-size:15px;color:var(--text2);display:flex;align-items:center;justify-content:center;transition:all .25s;z-index:3}.auth-close:hover{background:var(--cream);color:var(--text);transform:rotate(90deg)}.auth-steps-bar{display:flex;align-items:center;gap:6px;margin-bottom:26px}.auth-step-dot{height:4px;border-radius:2px;background:rgba(45,42,38,.08);transition:all .4s cubic-bezier(.22,1,.36,1);flex:1}.auth-step-dot.done{background:var(--amber)}.auth-step-dot.active{background:var(--text)}.auth-body{padding:24px 28px 28px;overflow-y:auto;flex:1 1 auto;min-height:0;-webkit-overflow-scrolling:touch;scrollbar-width:thin}.auth-body::-webkit-scrollbar{width:6px}.auth-body::-webkit-scrollbar-thumb{background:rgba(0,0,0,.12);border-radius:3px}.auth-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:10px;font-weight:700;letter-spacing:1.8px;text-transform:uppercase;color:var(--amber-deep);margin-bottom:10px}.auth-eyebrow svg{width:12px;height:12px}.auth-card-title{font-family:larken_demobold,Poppins,serif;font-size:44px;font-weight:700;color:var(--text);line-height:1;letter-spacing:-1px;margin-bottom:14px}.auth-card-sub{font-size:14px;color:var(--text2);margin-bottom:28px;line-height:1.6}.auth-card-sub strong{color:var(--text);font-weight:600}.auth-toggle{display:grid;grid-template-columns:1fr 1fr;background:var(--cream);border-radius:14px;padding:4px;margin-bottom:20px;border:1px solid var(--border)}.auth-toggle-opt{padding:9px 12px;font-size:13px;font-weight:600;border:none;background:transparent;color:var(--text2);border-radius:10px;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:6px;font-family:Poppins,sans-serif}.auth-toggle-opt:hover{color:var(--text)}.auth-toggle-opt.active{background:var(--white);color:var(--text);box-shadow:0 1px 3px rgba(45,42,38,.08)}.auth-toggle-opt svg{width:14px;height:14px}.auth-smart-input{position:relative;display:flex;align-items:center}.auth-smart-input .field-input{padding-left:44px;padding-right:76px}.auth-smart-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);display:flex;align-items:center;justify-content:center;color:var(--text2);pointer-events:none;transition:color .2s}.auth-smart-input:focus-within .auth-smart-icon{color:var(--text)}.auth-smart-prefix{position:absolute;left:12px;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;gap:6px;padding:5px 10px 5px 8px;border-radius:999px;background:var(--cream);border:1px solid var(--border);font-family:Poppins,sans-serif;font-size:13px;font-weight:600;color:var(--text);line-height:1;pointer-events:none;animation:chipIn .25s cubic-bezier(.22,1,.36,1)}.auth-flag{display:inline-flex;width:20px;height:14px;border-radius:2px;overflow:hidden;box-shadow:0 0 0 1px rgba(0,0,0,.06)}.auth-flag svg{width:100%;height:100%;display:block}.auth-dial{letter-spacing:.2px}.auth-smart-input.has-prefix .field-input{padding-left:92px}.auth-smart-chip{position:absolute;right:10px;top:50%;transform:translateY(-50%);font-size:10px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;padding:4px 9px;border-radius:999px;background:var(--white);color:var(--text);border:1px solid var(--border);font-family:Poppins,sans-serif;animation:chipIn .25s cubic-bezier(.22,1,.36,1)}.auth-smart-chip.email{background:#F5EFE6;color:#6B4F1E;border-color:rgba(196,138,26,.25)}.auth-smart-chip.phone{background:#ECF1E6;color:#4C6336;border-color:rgba(96,122,74,.25)}@keyframes chipIn{0%{opacity:0;transform:translateY(-50%) scale(.8)}to{opacity:1;transform:translateY(-50%) scale(1)}}.field-group{margin-bottom:16px;position:relative}.field-label{font-size:12px;font-weight:600;color:var(--text);margin-bottom:7px;display:block;letter-spacing:0;text-transform:none}.field-input{width:100%;padding:13px 16px;background:var(--cream);border:1.5px solid transparent;border-radius:12px;color:var(--text);font-family:Poppins,sans-serif;font-size:14px;outline:none;transition:all .25s}.field-input::placeholder{color:var(--text3)}.field-input:hover{background:var(--cream2)}.field-input:focus{border-color:var(--text);background:var(--white);box-shadow:0 0 0 4px rgba(45,42,38,.08)}.field-input .PhoneInputInput{all:inherit;border:none;padding:0;background:transparent}.phone-input .PhoneInputCountry{margin-right:10px;opacity:.7}.auth-password-wrap{position:relative;display:flex;align-items:center}.auth-password-wrap .auth-password-field{padding-right:46px}.auth-password-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);background:transparent;border:none;padding:4px;display:inline-flex;align-items:center;justify-content:center;color:var(--text);cursor:pointer;border-radius:6px;transition:background .15s,color .15s}.auth-password-toggle:hover{background:rgba(17,34,49,.06)}.auth-forgot-row{display:flex;justify-content:space-between;align-items:center;margin-top:8px}.auth-forgot-link{background:transparent;border:none;padding:0;font-family:Poppins,sans-serif;font-size:13px;font-weight:700;color:#C28A2E;cursor:pointer;letter-spacing:.1px;transition:color .15s}.auth-forgot-link:hover{color:#A06F1E;text-decoration:underline;text-underline-offset:3px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width:380px){.field-row{grid-template-columns:1fr;gap:0}}.otp-row{display:flex;gap:8px;justify-content:space-between;margin-bottom:8px}.otp-box{flex:1;aspect-ratio:1/1.15;max-width:56px;text-align:center;font-size:22px;font-weight:700;background:var(--cream);border:1.5px solid transparent;border-radius:14px;color:var(--text);font-family:Poppins,sans-serif;outline:none;transition:all .2s;caret-color:var(--amber)}.otp-box:hover{background:var(--cream2)}.otp-box:focus{border-color:var(--text);background:var(--white);box-shadow:0 0 0 4px rgba(45,42,38,.08)}.otp-box.filled{background:var(--white);border-color:var(--border2)}.otp-resend-row{display:flex;align-items:center;justify-content:center;font-size:13px;color:var(--text2);margin:18px 0 22px;gap:6px}.otp-resend-btn{background:none;border:none;color:var(--text);font-family:Poppins,sans-serif;font-size:13px;font-weight:700;cursor:pointer;text-decoration:underline;text-underline-offset:3px;padding:0;transition:color .2s}.otp-resend-btn:hover{color:var(--amber-deep)}.otp-resend-btn:disabled{color:var(--text3);cursor:default;text-decoration:none}.auth-btn{width:100%;padding:15px;border:none;border-radius:14px;background:#112231;color:var(--white);font-family:Poppins,sans-serif;font-size:15px;font-weight:700;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px;letter-spacing:-.1px}.auth-btn:hover:not(:disabled){background:#0a1623;transform:translateY(-1px);box-shadow:0 8px 24px rgba(45,42,38,.18)}.auth-btn:active:not(:disabled){transform:translateY(0)}.auth-btn:disabled{opacity:.35;cursor:not-allowed}.auth-secondary-btn{width:100%;padding:14px;border:1.5px solid var(--border2);border-radius:14px;background:transparent;color:var(--text);font-family:Poppins,sans-serif;font-size:14px;font-weight:600;cursor:pointer;transition:all .25s;display:flex;align-items:center;justify-content:center;gap:8px}.auth-secondary-btn:hover{border-color:var(--text);background:var(--cream)}.auth-switch-row{text-align:center;font-size:13px;color:var(--text2);margin-top:14px;padding-top:14px;border-top:1px solid var(--border)}.auth-switch-link{background:none;border:none;color:var(--text);font-family:Poppins,sans-serif;font-size:13px;font-weight:700;cursor:pointer;margin-left:4px;padding:0;text-decoration:underline;text-underline-offset:3px}.auth-switch-link:hover{color:var(--amber-deep)}.auth-social-divider{display:flex;align-items:center;gap:10px;margin:18px 0 12px}.auth-social-divider:after,.auth-social-divider:before{content:"";flex:1;height:1px;background:rgba(45,42,38,.1)}.auth-social-divider span{font-size:11px;color:#b0a89e;font-family:Poppins,sans-serif;font-weight:500;white-space:nowrap}.auth-social-row{display:flex;gap:10px;justify-content:center;margin-bottom:4px}.auth-social-btn{display:inline-flex;align-items:center;gap:7px;padding:8px 16px;border:1.5px solid rgba(45,42,38,.14);border-radius:10px;background:#ffffff;font-family:Poppins,sans-serif;font-size:12px;font-weight:600;color:#2D2A26;cursor:pointer;transition:background .2s,border-color .2s,box-shadow .2s;white-space:nowrap}.auth-social-btn:hover{background:#f5f0e8;border-color:rgba(45,42,38,.25);box-shadow:0 2px 8px rgba(45,42,38,.08)}.auth-otp-link-row{margin-top:10px;text-align:center}.auth-otp-link{background:none;border:none;padding:0;font-family:Poppins,sans-serif;font-size:11px;font-weight:600;color:var(--c-navy,#112231);cursor:pointer;text-decoration:underline;text-underline-offset:3px;transition:color .2s}.auth-otp-link:hover:not(:disabled){color:var(--amber-deep,#b45309)}.auth-otp-link:disabled{color:#b0a89e;text-decoration:none;cursor:not-allowed;opacity:.5}.auth-consent-block{margin-top:16px;display:flex;flex-direction:column;gap:8px}.auth-consent-card{position:relative;background:#FFFBF5;border:1px solid rgba(186,140,108,.18);border-radius:12px;padding:10px 34px 10px 12px}.auth-consent-card-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.auth-consent-checkbox{flex-shrink:0;margin-top:2px;width:15px;height:15px;accent-color:#112231;cursor:pointer}.auth-consent-card-text{font-size:12px;color:#4b5563;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.auth-consent-card.is-expanded .auth-consent-card-text{display:block;max-height:84px;overflow-y:auto;padding-right:4px}.auth-consent-required{color:#D14343;font-weight:700;margin-right:2px}.auth-consent-toggle{position:absolute;top:8px;right:8px;background:transparent;border:none;padding:2px;cursor:pointer;color:#B87A0A;display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.auth-consent-card.is-expanded .auth-consent-toggle{transform:rotate(180deg)}.auth-consent-check-row{display:flex;align-items:flex-start;gap:10px;cursor:pointer}.auth-consent-check-text{font-size:12px;color:#6b7280;line-height:1.5}.auth-fnb-consent{margin-top:12px;display:flex;flex-direction:column;gap:10px}.auth-fnb-consent-eligible{font-size:13px;font-weight:600;color:#112231;line-height:1.45;margin:0}.auth-consent{font-size:12px;color:#6b7280;text-align:center;margin-bottom:10px;line-height:1.5}.auth-consent-link{color:#d97706;text-decoration:underline;text-underline-offset:2px}.auth-consent-link:hover{color:#b45309}.auth-trust{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--text3);margin-top:14px}.auth-trust svg{width:12px;height:12px}.error-text{color:#d64545;margin-top:6px;display:flex;gap:5px}.auth-id-chip,.error-text{font-size:12px;align-items:center}.auth-id-chip{display:inline-flex;gap:8px;background:var(--cream);border:1px solid var(--border);border-radius:999px;padding:7px 14px;font-weight:600;color:var(--text);margin-bottom:18px}.auth-id-chip-edit{background:none;border:none;color:var(--amber-deep);font-size:11px;font-weight:700;cursor:pointer;padding:0;margin-left:2px}.auth-success{text-align:center;padding:8px 0 4px}.auth-success-icon{width:72px;height:72px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;position:relative}.auth-success-icon,.auth-success-icon:before{border-radius:50%;background:var(--sage-soft)}.auth-success-icon:before{content:"";position:absolute;inset:-8px;opacity:.4;animation:successPulse 1.6s ease-out infinite}@keyframes successPulse{0%{transform:scale(.9);opacity:.5}to{transform:scale(1.4);opacity:0}}.auth-success-icon svg{width:32px;height:32px;color:var(--sage-text);position:relative;z-index:1;animation:successBounce .6s cubic-bezier(.22,1,.36,1)}.auth-success-title{font-family:Poppins,sans-serif;font-size:22px;font-weight:800;color:var(--text);margin-bottom:8px;letter-spacing:-.3px}.auth-success-desc{font-size:13px;color:var(--text2);margin-bottom:26px;line-height:1.6}.auth-success-actions{display:flex;flex-direction:column;gap:10px}.field-hint{font-size:11px;color:var(--text3);margin-top:6px}.field-helper{display:flex;align-items:flex-start;gap:8px;margin-top:10px;padding:12px 14px;background:#FAF3E3;border:1px solid rgba(194,138,46,.22);border-left:4px solid #c28a2e;border-radius:10px;font-size:12.5px;font-weight:600;color:#3A2A0F;line-height:1.45}.field-helper svg{color:#C28A2E;flex-shrink:0;margin-top:2px;width:14px;height:14px}.auth-yesno{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:4px}.auth-yesno-opt{appearance:none;position:relative;border:1.5px solid var(--border);background:var(--white);border-radius:14px;padding:18px 14px;font-family:Poppins,sans-serif;font-size:13.5px;font-weight:700;color:var(--text);cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;text-align:center;line-height:1.3;transition:all .2s ease}.auth-yesno-opt:hover{border-color:var(--text2);color:var(--text)}.auth-yesno-opt--yes.active{background:#E8F8F7;border-color:#00A9AC;color:#00A9AC;box-shadow:0 4px 14px rgba(0,169,172,.22)}.auth-yesno-opt--no.active{background:#0E1A2C;border-color:#0E1A2C;color:#fff;box-shadow:0 4px 14px rgba(14,26,44,.28)}.auth-yesno-opt.active:after{content:"";position:absolute;top:12px;right:12px;width:9px;height:9px;border-radius:50%}.auth-yesno-opt--yes.active:after{background:rgba(0,169,172,.28)}.auth-yesno-opt--no.active:after{background:rgba(255,255,255,.35)}.auth-yesno-icon{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;color:var(--text)}.auth-yesno-opt--no.active .auth-yesno-icon{color:#fff}.auth-yesno-icon svg{width:100%;height:100%}.auth-yesno-label{display:block;font-weight:700}.auth-noaccount-card{display:flex;align-items:center;gap:12px;margin-top:14px;padding:9px 14px;background:linear-gradient(110deg,#FBF1E6,#FBEFE4 45%,#E3F5F1);border:1.5px solid #1fb6ae;border-radius:14px}.auth-noaccount-icon{flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;background:linear-gradient(145deg,#2FA84F,#1FA37A 45%,#F4A000);color:#fff}.auth-noaccount-icon svg{width:22px;height:22px}.auth-noaccount-text{display:flex;flex-direction:column;gap:2px}.auth-noaccount-title{margin:0;font-weight:700;font-size:14px;color:#112231;line-height:1.3}.auth-noaccount-sub{margin:0;font-size:11.5px;color:#112231;line-height:1.35}.auth-visual-image-wrap.fp-cover{position:absolute;inset:0;margin:0;min-height:0;z-index:1}.auth-visual-image-wrap.fp-cover img{object-fit:contain!important;object-position:center bottom;transform:none;animation:none}.auth-visual-image-wrap.fp-done img{transform:scale(.82);transform-origin:center bottom}.auth-visual-image-wrap.fp-sm img{transform:scale(.93);transform-origin:center bottom}.auth-form-scroll.fp-noscroll{overflow:hidden;justify-content:center}.fp-success-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 14px;border-radius:999px;background:linear-gradient(135deg,#13B6AC,#0E9C93);color:#fff;font-family:Poppins,sans-serif;font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;box-shadow:0 4px 14px rgba(14,156,147,.35)}.required{color:var(--amber-deep);margin-left:2px;font-weight:700}@media (max-width:860px){.auth-shell{grid-template-columns:1fr;grid-template-rows:220px 1fr;max-width:520px;min-height:0}.auth-visual{padding:22px 24px 0}.auth-visual-image-wrap{min-height:0;margin-top:0}.auth-visual-image-wrap img{object-position:center bottom!important}.auth-form-scroll{padding:32px 28px}.auth-card-title{font-size:34px}}@media (max-width:600px){.auth-modal{padding:0;align-items:flex-end}.auth-shell{max-width:100%;height:calc(100dvh - 30px);max-height:calc(100dvh - 30px);border-radius:24px 24px 0 0;grid-template-columns:1fr;grid-template-rows:200px 1fr;min-height:0}.auth-visual{flex-direction:row;align-items:stretch;padding:16px 18px 0;gap:6px}.auth-visual-brand{flex-shrink:0;align-self:center}.auth-visual-brand img{height:30px!important}.auth-visual-tagline{font-size:11px}.auth-visual-image-wrap{flex:1;min-height:0;margin:0;align-self:stretch}.auth-visual-image-wrap img{object-fit:contain;object-position:78% bottom!important}.auth-form-panel{position:static}.auth-close{top:14px;right:14px;width:34px;height:34px;z-index:6}.auth-form-scroll{padding:24px 22px}.auth-card-title{font-size:28px;margin-bottom:10px}.auth-card-sub{font-size:13px;margin-bottom:18px}.otp-box{font-size:20px;border-radius:12px}}.pw-meter{margin-top:10px;display:flex;flex-direction:column;gap:10px}.pw-meter-bar{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:5px}.pw-meter-seg{background:rgba(17,34,49,.08);border-radius:999px;transition:background .35s ease,transform .35s ease;transform-origin:left center}.pw-meter--score-1 .pw-meter-seg.filled{background:#FF4F40}.pw-meter--score-2 .pw-meter-seg.filled{background:#F2A93B}.pw-meter--score-3 .pw-meter-seg.filled{background:#2BB673;animation:pw-pulse .6s ease}@keyframes pw-pulse{0%{transform:scaleY(1)}50%{transform:scaleY(1.6)}to{transform:scaleY(1)}}.pw-meter-rules{display:flex;flex-wrap:wrap;gap:6px}.pw-rule{gap:6px;padding:5px 10px 5px 6px;border-radius:999px;background:rgba(17,34,49,.04);border:1px solid rgba(17,34,49,.08);font-family:Poppins,sans-serif;font-size:11.5px;font-weight:600;color:rgba(17,34,49,.55);letter-spacing:.1px;transition:background .25s,color .25s,border-color .25s,transform .25s}.pw-rule,.pw-rule-tick{display:inline-flex;align-items:center}.pw-rule-tick{justify-content:center;width:16px;height:16px;border-radius:999px;background:rgba(17,34,49,.12);color:transparent;transition:background .25s,color .25s,transform .35s cubic-bezier(.34,1.56,.64,1)}.pw-rule--ok{background:rgba(43,182,115,.12);border-color:rgba(43,182,115,.35);color:#1F8A55}.pw-rule--ok .pw-rule-tick{background:#2BB673;color:#fff;transform:scale(1.1)}