:root{color:#243c33;font-synthesis:none;background:#f5f6ef;font-family:DM Sans,system-ui,sans-serif;font-size:16px;font-weight:400;line-height:1.5}*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:wait;opacity:.6}a{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:4px;outline:3px solid #86a78d}.app-shell{flex-direction:column;max-width:1440px;min-height:100svh;margin:auto;padding:0 6vw;display:flex}.site-header{border-bottom:1px solid #dce1d5;justify-content:space-between;align-items:center;padding:32px 0;display:flex}.brand{letter-spacing:-1px;align-items:center;gap:10px;font:800 25px Manrope,sans-serif;text-decoration:none;display:flex}.brand-icon{color:#ecf2cf;background:#284c3c;border-radius:13px;place-items:center;width:42px;height:42px;display:grid}.brand-dot{color:#7e995b;margin-left:-9px}.header-note{color:#6b796c;font-size:13px}.auth-layout{flex:1;grid-template-columns:1.1fr 1fr;align-items:center;gap:9%;padding:70px 0;display:grid}.eyebrow{letter-spacing:2px;color:#687f60;font-size:10px;font-weight:700}.intro h1{letter-spacing:-3.5px;margin:24px 0;font:500 clamp(46px,5vw,76px)/1.09 Manrope,sans-serif}.intro h1 span{color:#7a915d}.intro-copy{color:#6b776b;max-width:355px;font-size:15px;line-height:1.85}.wallet-illustration{max-width:370px;margin:35px 0 26px;transform:rotate(-3deg)}.illustration-label{letter-spacing:1.3px;color:#7c8779;align-items:center;gap:7px;margin:0 0 10px 12px;font-size:8px;display:flex}.small-dot{background:#829964;border-radius:50%;width:6px;height:6px}.sample-wallet{color:#f1f4dd;background:#294b3c;border-radius:19px;padding:24px;box-shadow:0 12px 28px #294b3c12}.sample-wallet>span{opacity:.8;align-items:center;gap:8px;font-size:12px;display:flex}.sample-wallet strong{margin:20px 0;font:500 21px Manrope,sans-serif;display:block}.sample-pills{gap:8px;font-size:10px;display:flex}.sample-pills span{background:#ffffff10;border:1px solid #ffffff18;border-radius:30px;padding:5px 10px}.sample-note{background:#e7edda;border-radius:10px;align-items:center;gap:8px;width:max-content;margin:-8px 0 0 auto;padding:10px 15px;font-size:11px;display:flex;position:relative;transform:rotate(5deg)}.privacy-note{color:#788373;align-items:center;gap:8px;margin-top:35px;font-size:11px;display:flex}.auth-card{background:#fffefa;border:1px solid #e2e6db;border-radius:24px;justify-self:end;width:100%;max-width:460px;padding:36px;box-shadow:0 12px 50px #2d4d3810}.card-top{justify-content:space-between;align-items:center;gap:10px;display:flex}.card-top .eyebrow{letter-spacing:1.4px;font-size:9px}.step-mark{letter-spacing:1px;color:#9ca58f;font-size:8px}.auth-card h2{letter-spacing:-1px;margin:28px 0 8px;font:600 29px/1.3 Manrope,sans-serif}.card-description{color:#7d8578;margin-bottom:28px;font-size:13px;line-height:1.7}form{flex-direction:column;gap:18px;display:flex}label{flex-direction:column;gap:8px;font-size:12px;font-weight:600;display:flex}input{color:#243c33;background:#fbfcf7;border:1px solid #dce2d5;border-radius:10px;width:100%;min-height:48px;padding:13px 14px;font-size:14px}input::placeholder{color:#9aab97;font-size:13px}.password-field{display:flex;position:relative}.password-field input{padding-right:48px}.eye-button{color:#82927d;background:0 0;border:0;place-items:center;width:40px;height:40px;display:grid;position:absolute;top:4px;right:7px}.text-button{color:#426445;background:0 0;border:0;padding:0;font-size:12px;font-weight:600}.forgot-link{align-self:flex-end;min-height:28px;margin-top:-8px}.primary-button{color:#f5f8e9;background:#2c4c3b;border:0;border-radius:10px;justify-content:center;align-items:center;gap:14px;min-height:49px;padding:12px 20px;font-size:13px;font-weight:600;display:flex}.primary-button:hover{background:#3c604a}.switch-mode{text-align:center;color:#89917e;margin:25px 0 12px;font-size:12px}.switch-mode button{margin-left:4px}.verify-link{color:#73856a;min-height:30px;margin:0 auto;font-size:11px;display:block}.back-link{align-items:center;gap:3px;min-height:30px;margin:22px auto;display:flex}.card-footer{color:#96a08c;border-top:1px solid #e8ebdf;justify-content:center;align-items:center;gap:7px;margin-top:25px;padding-top:20px;font-size:10px;display:flex}.message{overflow-wrap:anywhere;border-radius:9px;padding:12px 14px;font-size:13px}.error{color:#9d4038;background:#fff0ed;border:1px solid #f0d3ca}.success{color:#3d653b;background:#edf4e5;border:1px solid #d8e5cc}.site-footer{letter-spacing:1px;color:#8a9680;border-top:1px solid #dce1d5;justify-content:space-between;gap:20px;padding:22px 0;font-size:9px;display:flex}.site-footer span:last-child{letter-spacing:0}.dashboard{flex:1;width:100%;max-width:800px;margin:auto;padding:65px 0}.dashboard h1{letter-spacing:-2px;margin:15px 0;font:600 40px Manrope,sans-serif}.muted{color:#7d8877}.empty-wallet{text-align:center;background:#fffefa;border:1px solid #dce2d2;border-radius:22px;margin-top:35px;padding:50px 24px}.large-icon{color:#6e8b51;background:#edf1e1;border-radius:20px;place-items:center;width:70px;height:70px;margin:auto;display:grid}.empty-wallet h2{margin:25px 0 10px;font:600 23px Manrope,sans-serif}.empty-wallet p{color:#7e8c72;font-size:14px}.status-chip{color:#547346;background:#edf3e5;border-radius:20px;align-items:center;gap:7px;margin-top:10px;padding:7px 12px;font-size:11px;display:inline-flex}.sign-out{align-items:center;gap:8px;min-height:44px;margin-top:25px;display:flex}.loading{color:#708466;flex:1;padding:100px 0}@media (width<=760px){.app-shell{padding:0 6%}.site-header{padding:22px 0}.header-note{display:none}.auth-layout{flex-direction:column;gap:25px;padding:30px 0 40px;display:flex}.intro{width:100%}.intro h1{letter-spacing:-1.8px;margin:14px 0;font-size:38px;line-height:1.12}.intro h1 br{display:none}.intro h1 br:after{content:" "}.intro-copy{max-width:100%;margin-bottom:0;font-size:13px}.wallet-illustration,.privacy-note{display:none}.auth-card{border-radius:19px;max-width:100%;padding:26px}.auth-card h2{margin-top:23px;font-size:26px}.site-footer{letter-spacing:.6px;font-size:8px}.site-footer span:last-child{display:none}.dashboard{padding:35px 0}.dashboard h1{font-size:32px}.empty-wallet{padding:35px 20px}}@media (prefers-reduced-motion:no-preference){.primary-button{transition:background .15s}}.app-shell{padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px);padding-left:max(6vw, env(safe-area-inset-left,0px));padding-right:max(6vw, env(safe-area-inset-right,0px))}.brand-logo{border-radius:13px;display:block}.pwa-controls{width:100%}.pwa-controls:empty{display:none}.pwa-banner{background:#edf1e1;border:1px solid #dce2d2;border-radius:14px;align-items:center;gap:14px;margin-bottom:18px;padding:16px 20px;font-size:13px;display:flex}.pwa-banner>div{flex:1}.pwa-banner img{border-radius:11px;flex-shrink:0}.pwa-banner strong{font-weight:600}.pwa-banner p{color:#657560;margin:3px 0 0;font-size:12px}.pwa-action{align-items:center;gap:6px;min-height:44px;padding:0 8px;display:flex}.pwa-dismiss{color:#657560;background:0 0;border:0;place-items:center;min-width:44px;min-height:44px;display:grid}.pwa-offline{background:#edf1e1;border-radius:10px;padding:12px 16px;font-size:13px}@media (width<=480px){.pwa-banner{flex-wrap:wrap;gap:8px;padding:12px}.pwa-banner>div{min-width:140px}}
