#root{max-width:1280px;margin:0 auto;padding:2rem;text-align:center}.logo{height:auto padding: 1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}.payment-card{background:#bff1f4;padding:60px 20px 20px;border-top-left-radius:90px;border-top-right-radius:90px;margin-top:auto}.payment-card1{background:#d3f8fa;padding:25px 0 0;border-top-left-radius:90px;border-top-right-radius:90px;margin-top:auto}.payment-card2{background:#e7feff;padding:25px 0 0;border-top-left-radius:90px;border-top-right-radius:90px;margin-top:auto}.payment-card2View{background:#e7feff;padding:60px 0 0;border-top-left-radius:90px;border-top-right-radius:90px;margin-top:auto}.heading-card{background:#fff;padding:20px;border-bottom-left-radius:55px;border-bottom-right-radius:55px}.heading-card h2{color:#ff5f22}.heading-card .secondary-title{color:#3e9e9e}.heading-two-card{background:#bff1f4;padding:30px 20px;border-bottom-left-radius:80px;border-bottom-right-radius:80px;margin-bottom:25px}.app-sheet .pay-using-title{text-align:left;margin-bottom:12px;padding-bottom:6px;color:#000;border-bottom:2px solid #ddd;font-weight:600}.stats-wrapper{display:flex;flex-direction:column;gap:16px;margin-top:20px;margin-bottom:20px}.name-card{background:#bff1f4;padding:20px;margin:20px;border-radius:55px}.name-card h2{color:#4babe2}.goal-card{position:relative;width:250px;background:#e8f7a8;border-radius:28px;border:2px solid #3e9e9e;padding:18px 22px;margin-left:20px;align-self:flex-start;box-sizing:border-box}.goal-custom-border-label:before{content:"My Goal";position:absolute;top:-10px;left:30px;background:linear-gradient(to bottom,#e7feff 30%,#e8f7a8);padding:0 8px;font-size:14px;font-weight:700;color:#3e9e9e;z-index:2}.goal-value{font-size:16px;font-weight:300;color:#3e9e9e;padding-top:10px;padding-bottom:10px}.progress-card{position:relative;width:250px;background:#e8f7a8;border-radius:28px;border:2px solid #3e9e9e;padding:18px 22px;margin-right:20px;margin-bottom:20px;align-self:flex-end;box-sizing:border-box}.custom-border-label:before{content:"My Progress";position:absolute;top:-10px;right:30px;background:linear-gradient(to bottom,#e7feff 30%,#e8f7a8);padding:0 8px;font-size:14px;font-weight:700;color:#3e9e9e;z-index:2}.progress-value{font-size:16px;font-weight:700;color:#3e9e9e;padding-top:8px;padding-bottom:8px}.current-amount{font-size:1.6rem;font-weight:300}.qr-wrapper{background:#fff;border-radius:50%;width:240px;height:240px;margin:0 auto 15px;display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid #000}.upi-text{font-size:1.1rem;color:#555;margin-top:20px;margin-bottom:20px}.pay-bar{display:flex;height:60px;margin-bottom:20px;background:#fff;border-radius:999px;padding:2px;gap:6px;border:1px solid #000}.pay-bar input{flex:1;border:none;outline:none;padding:12px;font-size:1rem;border-radius:999px}.pay-bar button{background:#c6f000;color:#000;border:none;padding:0 15px;border-radius:999px;font-weight:700;cursor:pointer;border:1px solid #000}.pay-bar button:hover{background:#c6f000}.app-sheet{margin-top:20px;padding-left:40px;padding-right:40px;animation:slideUp .3s ease}.app-sheet button{width:100%;padding:14px;border-radius:12px;background:#c6f000;color:#000;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease;border:1px solid #000}.app-sheet button:hover{background:#c6f000}.app-sheet h4{text-align:center;color:#555;margin-bottom:10px}.app-sheet button{padding:14px;margin-bottom:10px;border-radius:999px;border:1px solid #ddd;background:#fff;font-size:1rem;border:1px solid #000}.upi-icon{width:80px;height:55px;object-fit:contain;margin-right:8px;vertical-align:middle}.qr-container{position:relative;display:inline-block}.download-btn{position:absolute;top:-10px;right:-10px;width:36px;height:36px;border-radius:50%;border:none;background:#fff;color:#000;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;border:1px solid #000}.download-icon{width:18px;height:18px;object-fit:contain}.download-btn:hover{background:#c6f000}.qr-heading{margin-bottom:8px;font-weight:600;font-size:14px;text-align:center}.app-bg{background:#fff;min-height:100vh;display:flex;justify-content:center;padding:5px}.form-card{background:#bff1f4;width:100%;max-width:420px;padding:24px;border-radius:24px;box-shadow:0 12px 28px #00000014}.form-card1{background:#d3f8fa;width:100%;max-width:420px;padding:10px;border-radius:24px;box-shadow:0 12px 28px #00000014}.form-card2{background:#e7feff;width:100%;max-width:420px;padding:10px;border-radius:24px;box-shadow:0 12px 28px #00000014}.form-title{font-size:1.6rem;font-weight:700;margin-bottom:6px}.form-subtitle{font-size:.95rem;color:#444;margin-bottom:24px}.form-section{margin-bottom:22px}.form-section h3{font-size:1rem;font-weight:600;margin-bottom:10px;color:#000}.form-card input,.form-card textarea{width:100%;padding:12px 14px;border-radius:12px;border:1px solid #ddd;font-size:.95rem;margin-bottom:12px;border:1px solid #000}.form-card input:focus,.form-card textarea:focus{border-color:#333}.warning-text{font-size:.85rem;color:#c46b1d;font-weight:500}.primary-btn{width:100%;padding:14px;border-radius:16px;color:#000;border:none;background:#e8f7a8;font-size:1.05rem;font-weight:700;cursor:pointer;margin-top:10px;border:2px solid #3e9e9e}.primary-btn:hover{background:#c6f000}.primary-btn:disabled{opacity:.6;cursor:not-allowed;color:#fff}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.profile-update-card{position:relative;background:#e8f7a8;border-radius:28px;border:2px solid #3e9e9e;padding:0 22px 22px;box-sizing:border-box;margin-bottom:20px}.top-bar{display:flex;justify-content:space-between;align-items:center;margin-bottom:50px}.logo{margin:0;font-weight:700}.login-btn{width:auto}.login-btn{width:auto;padding:5px;border-radius:16px;color:#3e9e9e;background:#fff;font-size:14px;font-weight:700;cursor:pointer;margin-top:0;display:inline-block}.login-btn:hover{background:#c6f000}.login-btn:disabled{opacity:.6;cursor:not-allowed;color:#fff}.upi-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:16px}*{box-sizing:border-box}body{margin:0;font-family:Inter,Poppins,-apple-system,BlinkMacSystemFont,sans-serif;background:#f5f7fb;color:#222}#root{min-height:100vh;display:flex;justify-content:center;padding:0}.page{display:flex;flex-direction:column;min-height:100vh;width:100%;max-width:420px;background:#fff;border-radius:14px;padding:0;box-shadow:0 10px 25px #00000014}h2{margin:0 0 16px;font-size:1.6rem;text-align:center}h3{margin:20px 0 10px;font-size:1.1rem;color:#555}p{margin:6px 0;font-size:.95rem;line-height:1.4}input,textarea{width:100%;padding:12px;border-radius:10px;border:1px solid #ddd;font-size:.95rem;outline:none;transition:border .2s ease,box-shadow .2s ease}input:focus,textarea:focus{border-color:#4f46e5;box-shadow:0 0 0 2px #4f46e526}textarea{resize:vertical;min-height:80px}button{padding:14px;border:none;border-radius:12px;background:#4f46e5;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:background .2s ease,transform .1s ease}button:hover{background:#4338ca}button:active{transform:scale(.98)}button.secondary{background:#e5e7eb;color:#111}button.secondary:hover{background:#d1d5db}.divider{height:1px;background:#eee;margin:16px 0}.info-block{background:#f9fafb;border-radius:10px;padding:12px;margin-bottom:12px}.info-block strong{color:#111}.icon-text{display:flex;align-items:center;gap:6px}.section{margin-bottom:20px}@media(min-width:768px){#root{padding:32px}.page{padding:0}h2{font-size:1.8rem}}
