:root{--primary: #D49000;--primary-hover: #b87d00;--bg-white: #FFFFFF;--bg-light: #f8fafc;--text-main: #1e293b;--text-muted: #64748b;--glass-bg: rgba(255, 255, 255, .9);--glass-border: #A9A9A9;--glass-blur: blur(8px);--accent: #D49000;--danger: #ef4444;--stroke: #A9A9A9}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,system-ui,-apple-system,sans-serif;background-color:var(--bg-white);color:var(--text-main);min-height:100vh;-webkit-font-smoothing:antialiased}h1{font-size:1.875rem!important;line-height:1.2!important;font-weight:800!important;letter-spacing:0!important;text-transform:none!important}.glass-card{background:var(--bg-white);border:1px solid var(--stroke);border-radius:1rem;box-shadow:0 4px 20px #0000000d}.btn{padding:.75rem 1.5rem;border-radius:.5rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none;font-size:.95rem}.btn-primary{background:var(--primary);color:#fff;box-shadow:0 4px 12px #d4900033}.btn-primary:hover{transform:translateY(-1px);box-shadow:0 6px 15px #d490004d;opacity:.9}.btn-secondary{background:#f1f5f9;color:var(--text-main);border:1px solid var(--stroke)}.btn-secondary:hover{background:#e2e8f0}.btn-outline{background:transparent;border:1px solid var(--stroke);color:var(--text-main)}.btn-outline:hover{background:var(--bg-light)}.input-group{margin-bottom:1.25rem}.input-group label{display:block;margin-bottom:.5rem;font-size:.875rem;color:var(--text-muted)}.input-group input{width:100%;padding:.75rem 1rem;background:#fff;border:1px solid var(--stroke);border-radius:.5rem;color:var(--text-main);outline:none;transition:border-color .2s}.input-group input:focus{border-color:var(--primary);box-shadow:0 0 0 2px #d490001a}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .5s ease forwards}.debt-input{text-align:left!important}@media(max-width:768px){.debt-input{text-align:center!important}}.btn-back-premium{background:#fff!important;border:1px solid var(--glass-border)!important;border-radius:12px!important;width:40px!important;height:40px!important;display:flex!important;align-items:center!important;justify-content:center!important;cursor:pointer!important;color:var(--text-main)!important;box-shadow:0 2px 8px #0000000d!important;transition:all .2s ease!important;padding:0!important;flex-shrink:0!important}.btn-back-premium:hover{transform:translateY(-1px)!important;box-shadow:0 4px 12px #00000014!important;background:#f8fafc!important}.landing-login-page{position:relative;min-height:100vh;display:grid;grid-template-columns:minmax(0,1fr) minmax(380px,.46fr);gap:clamp(1.2rem,2vw,2.35rem);align-items:start;padding:clamp(1.4rem,2.5vh,2rem) clamp(1.25rem,4vw,4.6rem) 1.5rem;overflow-x:hidden;overflow-y:auto;background:radial-gradient(circle at 13% 18%,rgba(245,158,11,.24),transparent 28%),radial-gradient(circle at 50% 108%,rgba(15,23,42,.12),transparent 30%),radial-gradient(circle at 82% 15%,rgba(16,185,129,.18),transparent 27%),linear-gradient(135deg,#fff7e6,#fff 43%,#eefdf7)}.landing-login-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(212,144,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(212,144,0,.06) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 70%);mask-image:linear-gradient(90deg,#000 0%,transparent 70%)}.landing-hero,.landing-login-card{position:relative;z-index:1}.landing-hero{display:grid;grid-template-columns:minmax(0,.92fr) minmax(240px,.36fr);column-gap:clamp(.8rem,1.6vw,1.5rem);row-gap:1rem;align-items:center;max-width:1050px}.landing-hero-copy{min-width:0;position:relative;z-index:2}.landing-kicker{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;margin:0 0 .9rem;border:1px solid rgba(212,144,0,.22);border-radius:999px;color:#9a6700;background:#fff8e6e6;box-shadow:0 16px 35px #d490001f;font-weight:800;font-size:.9rem}.landing-title{max-width:590px;margin:0;color:var(--text-main);font-size:clamp(2.55rem,3.8vw,4.2rem)!important;line-height:1.02!important;letter-spacing:-.045em!important;font-weight:900!important;text-wrap:balance}.landing-subtitle{max-width:610px;margin:.9rem 0 0;color:var(--text-muted);font-size:clamp(1.05rem,1.6vw,1.35rem);line-height:1.55}.landing-impact-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));max-width:610px;gap:.75rem;margin-top:1rem}.landing-impact-strip div{padding:.85rem .95rem;border:1px solid rgba(212,144,0,.24);border-radius:1.1rem;background:#ffffffc7;box-shadow:0 18px 35px #0f172a0f;text-align:center}.landing-impact-strip strong{display:block;color:#d49000;font-size:1.75rem;line-height:1;font-weight:950}.landing-impact-strip span{display:block;margin-top:.35rem;color:var(--text-main);font-size:.86rem;font-weight:800;line-height:1.25}.landing-actions{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.2rem;align-items:center}.landing-primary-cta,.landing-secondary-cta{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:3.45rem;padding:.95rem 1.45rem;border-radius:1rem;text-decoration:none;font-weight:900;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}.landing-primary-cta{color:#fff;background:linear-gradient(135deg,#b87300,#e29a00 48%,#f5b400);box-shadow:0 20px 42px #d4900057}.landing-primary-cta:hover,.landing-secondary-cta:hover,.landing-benefit-card:hover{transform:translateY(-2px)}.landing-secondary-cta{color:var(--text-main);background:#ffffffe0;border:1px solid rgba(15,23,42,.22);box-shadow:0 12px 30px #0f172a0f}.landing-proof{display:flex;align-items:center;gap:.55rem;margin-top:.85rem;color:#047857;font-weight:800}.landing-visual{position:relative;width:min(100%,260px);height:305px;justify-self:center;z-index:1;pointer-events:none}.landing-orbit{position:absolute;border:1px solid rgba(212,144,0,.32);border-radius:999px;animation:landingFloat 6s ease-in-out infinite}.landing-orbit-one{inset:16px 22px 36px 2px;--rotate: -14deg}.landing-orbit-two{inset:44px 0 4px 38px;--rotate: 18deg;animation-delay:-2s}.landing-phone-card{position:absolute;inset:26px 14px 8px;padding:.92rem;border-radius:1.55rem;color:#fff;background:linear-gradient(155deg,#0f172af5,#1e293beb),radial-gradient(circle at 20% 20%,rgba(245,158,11,.45),transparent 36%);box-shadow:0 28px 60px #0f172a33;overflow:hidden;animation:landingFloat 5.5s ease-in-out infinite}.landing-phone-card:before{content:"";position:absolute;inset:-45% -25% auto auto;width:180px;height:180px;border-radius:999px;background:#f59e0b6b;filter:blur(18px)}.landing-phone-top,.landing-money-alert,.landing-reward-meter,.landing-action-plan{position:relative;z-index:1}.landing-phone-top{display:flex;justify-content:space-between;align-items:center;color:#ffffffc7;font-size:.78rem;font-weight:800}.landing-live-dot{padding:.25rem .5rem;border-radius:999px;color:#064e3b;background:#a7f3d0}.landing-money-alert{display:flex;align-items:center;gap:.75rem;margin-top:1rem;padding:.78rem;border:1px solid rgba(255,255,255,.14);border-radius:1rem;background:#ffffff1a}.landing-money-alert span,.landing-meter-header span{display:block;color:#ffffffad;font-size:.78rem;font-weight:700}.landing-money-alert strong{display:block;margin-top:.2rem;color:#fbbf24;font-size:1.75rem;line-height:1;font-weight:950}.landing-reward-meter{margin-top:1rem}.landing-meter-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.55rem}.landing-meter-header strong{color:#f87171;font-size:.85rem}.landing-meter-track{height:.6rem;border-radius:999px;background:#ffffff24;overflow:hidden}.landing-meter-track span{display:block;width:78%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#ef4444,#f59e0b)}.landing-action-plan{display:flex;gap:.55rem;align-items:center;margin-top:1rem;color:#ecfdf5;font-size:.86rem;font-weight:800;line-height:1.25}.landing-floating-card{position:absolute;display:flex;align-items:center;gap:.45rem;max-width:170px;padding:.7rem .85rem;border-radius:999px;color:var(--text-main);background:#fffffff0;border:1px solid rgba(212,144,0,.18);box-shadow:0 18px 40px #0f172a1f;font-size:.78rem;font-weight:900;animation:landingFloat 4.8s ease-in-out infinite}.landing-floating-card svg{color:var(--primary);flex:0 0 auto}.landing-floating-card-left{left:-8px;bottom:18px}.landing-floating-card-right{right:-18px;top:76px;animation-delay:-1.5s}.landing-benefits{grid-column:1 / -1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:.85rem}.landing-benefit-card{min-height:145px;padding:1rem;border:1px solid rgba(212,144,0,.18);border-radius:1.25rem;background:linear-gradient(180deg,#fff8e6d1,#ffffffdb);box-shadow:0 18px 40px #0f172a12;transition:transform .2s ease}.landing-benefit-icon{width:3.1rem;height:3.1rem;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;border-radius:1rem;color:var(--primary);background:#fff3d6}.landing-benefit-card h2{margin:0 0 .55rem;color:var(--text-main);font-size:1.05rem;line-height:1.2}.landing-benefit-card p{margin:0;color:var(--text-muted);font-size:.95rem;line-height:1.45}.landing-carousel{grid-column:1 / -1;max-width:820px;margin-top:.65rem;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}.landing-carousel-track{display:flex;gap:.85rem;width:max-content;animation:landingMarquee 22s linear infinite}.landing-carousel-card{width:255px;display:flex;align-items:center;gap:.7rem;padding:.85rem;border-radius:1rem;border:1px solid rgba(15,23,42,.08);background:#fffc;box-shadow:0 14px 30px #0f172a0d}.landing-carousel-card svg{color:var(--primary);flex:0 0 auto}.landing-carousel-card strong,.landing-carousel-card span{display:block}.landing-carousel-card strong{color:var(--text-main);font-size:.88rem}.landing-carousel-card span{margin-top:.15rem;color:var(--text-muted);font-size:.76rem;line-height:1.25}.landing-login-side{position:relative;z-index:1;width:100%;align-self:start;margin-top:clamp(2.3rem,4.5vh,3.4rem);display:flex;flex-direction:column;gap:.95rem}.landing-login-card{width:100%;padding:1.9rem 2.05rem;background:#ffffffeb;box-shadow:0 30px 70px #0f172a1f}.landing-login-card .btn.btn-primary{min-height:3.45rem;border-radius:1rem;background:linear-gradient(135deg,#b87300,#e29a00 48%,#f5b400);box-shadow:0 20px 42px #d4900047;font-weight:900}.landing-login-header{text-align:center;margin-bottom:1.45rem}.landing-login-logo{width:66px;height:66px;object-fit:contain;display:block;margin:0 auto 1rem}.landing-login-header h2{margin:0 0 .45rem;color:var(--text-main);font-size:1.75rem;font-weight:900}.landing-login-header p{margin:0;color:var(--text-muted)}.landing-next-steps{padding:1rem 1.05rem;border:1px solid rgba(212,144,0,.18);border-radius:1.25rem;background:#ffffffc7;box-shadow:0 20px 45px #0f172a14;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.landing-next-step-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.8rem;color:var(--text-main);font-size:.92rem;font-weight:900}.landing-next-step-header svg{color:var(--primary)}.landing-next-step{display:grid;grid-template-columns:2rem 1fr;gap:.65rem;align-items:start;padding:.7rem 0;border-top:1px solid rgba(15,23,42,.08)}.landing-next-step-number{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;color:#9a6700;background:#fff3d6;font-weight:950}.landing-next-step strong{display:block;color:var(--text-main);font-size:.9rem;line-height:1.2}.landing-next-step p{margin:.18rem 0 0;color:var(--text-muted);font-size:.78rem;line-height:1.35}.landing-login-page-focused{align-items:center;grid-template-columns:minmax(0,1fr) minmax(390px,.42fr);padding-top:clamp(1rem,2vh,1.8rem)}.landing-login-page-focused .landing-hero{max-width:980px;grid-template-columns:1fr;row-gap:1rem;align-content:center}.landing-login-page-focused .landing-title{max-width:760px;font-size:clamp(2.6rem,4.7vw,4.95rem)!important}.landing-login-page-focused .landing-subtitle{max-width:740px}.landing-login-page-focused .landing-impact-strip{max-width:760px}.landing-login-page-focused .landing-benefits{max-width:980px;margin-top:.55rem;grid-template-columns:repeat(3,minmax(0,1fr))}.landing-login-page-focused .landing-benefit-card{min-height:118px;display:grid;grid-template-columns:auto 1fr;gap:.85rem;align-items:start;padding:.95rem 1rem}.landing-login-page-focused .landing-benefit-icon{width:2.75rem;height:2.75rem;margin:0}.landing-login-page-focused .landing-login-side{align-self:start;margin-top:clamp(1.75rem,10vh,7rem)}.landing-login-page-focused .landing-login-card{padding:clamp(1.65rem,2.2vw,2.15rem)}.signup-marketing-page{position:relative;min-height:100vh;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(1.5rem,3vw,3.4rem);align-items:stretch;padding:calc(clamp(2.6rem,3.5vh,3.4rem) + 4px) clamp(1.5rem,4vw,4.5rem) clamp(2rem,3vw,3rem);overflow-x:hidden;background:radial-gradient(circle at 18% 18%,rgba(245,158,11,.22),transparent 27%),radial-gradient(circle at 88% 18%,rgba(16,185,129,.14),transparent 30%),linear-gradient(135deg,#fff9ec,#fff,#effdf7)}.signup-marketing-page:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(212,144,0,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(212,144,0,.055) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:linear-gradient(90deg,#000 0%,transparent 78%);mask-image:linear-gradient(90deg,#000 0%,transparent 78%)}.signup-story-panel,.signup-card{position:relative;z-index:1}.signup-story-panel{width:100%;max-width:none;min-width:0;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(1.25rem,2vw,1.85rem);border:1px solid rgba(212,144,0,.16);border-radius:1.6rem;background:radial-gradient(circle at 88% 8%,rgba(16,185,129,.11),transparent 26%),linear-gradient(135deg,#fff8e6d6,#ffffff94);box-shadow:0 24px 60px #0f172a12}.signup-story-title{max-width:720px;margin:0;color:var(--text-main);font-size:clamp(2.15rem,3.65vw,4rem);line-height:1.02;letter-spacing:-.055em;font-weight:950;text-wrap:balance}.signup-story-subtitle{max-width:700px;margin:.85rem 0 0;color:var(--text-muted);font-size:clamp(1rem,1.45vw,1.25rem);line-height:1.55}.signup-start-flow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin-top:1rem}.signup-flow-step{display:flex;align-items:center;gap:.65rem;min-width:0;padding:.8rem;border:1px solid rgba(212,144,0,.16);border-radius:1rem;background:#ffffffc2}.signup-flow-step strong{width:2rem;height:2rem;display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;border-radius:999px;background:var(--primary);color:#fff;font-size:.95rem;box-shadow:0 10px 20px #d4900038}.signup-flow-step span{color:var(--text-main);font-size:.86rem;font-weight:850;line-height:1.25}.signup-reasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.9rem;margin-top:1.35rem}.signup-reason{min-width:0;padding:.95rem;border:1px solid rgba(212,144,0,.2);border-radius:1.2rem;background:#ffffffd1;box-shadow:0 18px 40px #0f172a0f}.signup-reason-icon{width:2.9rem;height:2.9rem;display:inline-flex;align-items:center;justify-content:center;margin-bottom:.85rem;border-radius:1rem;color:var(--primary);background:#fff3d6}.signup-reason h2{margin:0 0 .45rem;color:var(--text-main);font-size:1rem;line-height:1.2}.signup-reason p{margin:0;color:var(--text-muted);font-size:.92rem;line-height:1.42}.signup-trust-note{display:flex;align-items:flex-start;gap:.55rem;margin-top:1.15rem;color:#047857;font-weight:850;line-height:1.35}.signup-card{position:relative;width:100%;max-width:none;min-width:0;justify-self:stretch;display:flex;flex-direction:column;justify-content:flex-start;padding:clamp(1rem,1.6vw,1.35rem) clamp(1.45rem,2.4vw,2rem) clamp(1.45rem,2.4vw,2rem);background:#fffffff0;box-shadow:0 30px 70px #0f172a1f}.signup-card-header{text-align:center;margin-bottom:.85rem;padding-top:.15rem}.signup-card-header .landing-login-logo{width:54px;height:54px;margin-bottom:.45rem}.signup-card-header h1{margin:0 0 .32rem;color:var(--text-main);font-size:1.82rem;font-weight:950}.signup-card-header p{margin:0;color:var(--text-muted)}.signup-form-hints{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:.55rem}.signup-form-hints span{padding:.34rem .62rem;border:1px solid rgba(212,144,0,.22);border-radius:999px;background:#fff8e8;color:#936000;font-size:.76rem;font-weight:850;line-height:1}.signup-card form{gap:.9rem!important}.signup-card .input-group{margin-bottom:0}.signup-card .input-group label{margin-bottom:.28rem}.signup-card .input-group input{min-height:2.95rem}.signup-form-note{grid-column:span 2;display:flex;align-items:center;gap:.45rem;margin-top:.1rem;color:#047857;font-size:.84rem;font-weight:850;line-height:1.35}.signup-submit{min-height:3.45rem;display:flex;align-items:center;justify-content:center;gap:.5rem;border-radius:1rem;font-weight:900;background:linear-gradient(135deg,#b87300,#e29a00 48%,#f5b400);box-shadow:0 20px 42px #d4900047}@keyframes landingFloat{0%,to{transform:translateY(0) rotate(var(--rotate, 0deg))}50%{transform:translateY(-10px) rotate(var(--rotate, 0deg))}}@keyframes landingMarquee{0%{transform:translate(0)}to{transform:translate(calc(-50% - .425rem))}}@media(max-width:1100px){.landing-login-page{grid-template-columns:1fr;padding-top:5rem}.landing-hero,.landing-login-side{max-width:760px;width:100%;margin:0 auto}.landing-visual{position:relative;top:auto;right:auto;width:min(100%,330px);margin:2rem auto 0}.signup-marketing-page{grid-template-columns:1fr;padding-top:3.75rem}.signup-story-panel,.signup-card{max-width:760px;width:100%;margin:0 auto}}@media(max-width:700px){.landing-login-page{padding:5rem 1rem 1.5rem}.landing-benefits,.landing-impact-strip{grid-template-columns:1fr}.landing-benefit-card{min-height:auto}.landing-actions{align-items:stretch;flex-direction:column}.landing-primary-cta,.landing-secondary-cta{width:100%}.landing-login-card{padding:1.5rem}.landing-next-steps{padding:.9rem}.landing-visual{height:320px}.landing-floating-card-right{right:0}.landing-login-page-focused .landing-hero,.landing-login-page-focused .landing-benefits,.signup-reasons,.signup-start-flow{grid-template-columns:1fr}.landing-login-page-focused .landing-benefit-card{min-height:auto}.signup-marketing-page{padding:3.75rem 1rem 1.5rem}.signup-card-header{padding-top:0}.signup-story-title{font-size:clamp(2.25rem,14vw,3.65rem)}.signup-card form{grid-template-columns:1fr!important}.signup-card .input-group,.signup-card .btn,.signup-form-note{grid-column:1!important}}
