@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@500;700&display=swap";:root{--font-main: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: "Space Grotesk", var(--font-main);--bg-page-base: #ffffff;--bg-page-soft: #f8fafd;--bg-page-tint: #f1f5fa;--bg-card: #ffffff;--bg-card-hover: #ffffff;--bg-surface: #f1f5f9;--bg-surface-subtle: #f8fafc;--haso-navy-topbar: #003B73;--haso-navy-dark: #002b54;--haso-navy-deep: #0a1c38;--haso-blue-primary: #0048db;--haso-blue-hover: #0037b3;--haso-blue-subtle: rgba(0, 72, 219, .08);--haso-blue-glow: rgba(0, 72, 219, .15);--haso-cyan-accent: #00b4d8;--text-primary: #0f172a;--text-secondary: #475569;--text-muted: #64748b;--text-light: #94a3b8;--text-accent: #0048db;--border-subtle: #e2e8f0;--border-medium: #cbd5e1;--border-focus: #0048db;--border-glass: rgba(0, 72, 219, .12);--border-glow: rgba(0, 72, 219, .35);--accent-blue: #0048db;--accent-cyan: #00b4d8;--accent-sky: #0284c7;--accent-emerald: #10b981;--accent-amber: #f59e0b;--gradient-insta: linear-gradient(135deg, #f09433 0%, #e6683c 25%, #dc2743 50%, #cc2366 75%, #bc1888 100%);--gradient-review: linear-gradient(135deg, #0048db 0%, #2563eb 50%, #38bdf8 100%);--gradient-payment: linear-gradient(135deg, #059669 0%, #10b981 50%, #06b6d4 100%);--gradient-brand: linear-gradient(135deg, #0048db 0%, #00b4d8 100%);--gradient-glow: radial-gradient(circle at 50% 50%, rgba(0, 72, 219, .08), transparent 70%);--radius-sm: 8px;--radius-md: 14px;--radius-lg: 20px;--radius-xl: 28px;--radius-full: 9999px;--shadow-card: 0 10px 25px -5px rgba(0, 40, 100, .07), 0 4px 10px -2px rgba(0, 0, 0, .03);--shadow-card-hover: 0 20px 35px -10px rgba(0, 72, 219, .14), 0 8px 16px -4px rgba(0, 0, 0, .04);--shadow-modal: 0 25px 50px -12px rgba(0, 20, 60, .25), 0 0 1px rgba(0, 0, 0, .1);--shadow-glow: 0 0 25px rgba(0, 72, 219, .18)}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:var(--font-main);background-color:var(--bg-page-base);color:var(--text-primary);height:100%;max-height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.app-container{position:relative;height:100vh;max-height:100vh;display:flex;flex-direction:column;background-color:var(--bg-page-base);background-image:radial-gradient(ellipse 1100px 580px at 50% -12%,rgba(0,72,219,.07) 0%,rgba(0,180,216,.03) 40%,transparent 72%),radial-gradient(circle 750px at 90% 25%,rgba(0,102,255,.04) 0%,transparent 60%),radial-gradient(circle 680px at 10% 65%,rgba(2,132,199,.03) 0%,transparent 60%),radial-gradient(ellipse 1200px 550px at 50% 100%,rgba(0,57,227,.05) 0%,transparent 70%),linear-gradient(180deg,#fff,#f8fafd 40%,#f1f5fa 75%,#fff);overflow:hidden}.tech-ambient-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:920px;max-width:96vw;height:480px;background:radial-gradient(ellipse at center,rgba(0,72,219,.1) 0%,rgba(0,180,216,.05) 45%,transparent 74%);filter:blur(60px);pointer-events:none;z-index:0;animation:hasoGlowPulse 7s ease-in-out infinite}.haso-intellect-rings{position:absolute;top:180px;left:50%;transform:translate(-50%);width:900px;height:900px;max-width:100vw;pointer-events:none;z-index:0;opacity:.6;background:radial-gradient(circle at center,transparent 140px,rgba(0,72,219,.05) 141px,transparent 143px),radial-gradient(circle at center,transparent 240px,rgba(0,180,216,.04) 241px,transparent 243px),radial-gradient(circle at center,transparent 360px,rgba(0,72,219,.03) 361px,transparent 363px),radial-gradient(circle at center,transparent 500px,rgba(56,189,248,.02) 501px,transparent 503px);mask-image:radial-gradient(ellipse 80% 65% at 50% 45%,black 25%,transparent 75%);-webkit-mask-image:radial-gradient(ellipse 80% 65% at 50% 45%,black 25%,transparent 75%)}.haso-intellect-rings:before{content:"";position:absolute;top:50%;left:50%;width:520px;height:520px;margin:-260px 0 0 -260px;border-radius:50%;border:1px dashed rgba(0,72,219,.08);animation:hasoRingRotate 140s linear infinite}.haso-intellect-rings:after{content:"";position:absolute;top:50%;left:50%;width:760px;height:760px;margin:-380px 0 0 -380px;border-radius:50%;border:1px solid rgba(0,102,255,.05);animation:hasoRingRotate 200s linear infinite reverse}.particle-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.bg-grid-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(0,72,219,.035) 1px,transparent 1px),linear-gradient(to bottom,rgba(0,72,219,.035) 1px,transparent 1px),radial-gradient(circle 1.5px at center,rgba(0,72,219,.06) 1.5px,transparent 1.5px);background-size:40px 40px,40px 40px,40px 40px;mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,black 30%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 85% 75% at 50% 35%,black 30%,transparent 85%);pointer-events:none;z-index:0}.haso-bg-elements{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;z-index:0}.haso-watermark-container{position:absolute;top:14%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;-webkit-user-select:none;user-select:none;pointer-events:none;width:100%;max-width:1300px;text-align:center;z-index:0}.haso-watermark-text{font-family:var(--font-display);font-size:clamp(3.5rem,9vw,8rem);font-weight:800;letter-spacing:.18em;color:transparent;-webkit-text-stroke:1.5px rgba(0,72,219,.055);text-transform:uppercase;white-space:nowrap;line-height:1;opacity:.8;filter:drop-shadow(0 0 40px rgba(0,72,219,.05))}.haso-watermark-sub{font-family:var(--font-main);font-size:clamp(.7rem,1.4vw,1.1rem);font-weight:700;letter-spacing:.45em;color:#0048db1f;text-transform:uppercase;margin-top:.5rem}.haso-holographic-hud{position:absolute;top:60px;right:-80px;width:580px;height:580px;max-width:90vw;pointer-events:none;z-index:0;opacity:.85}.haso-hud-svg{width:100%;height:100%;filter:drop-shadow(0 0 20px rgba(0,72,219,.08))}.haso-circuit-svg{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:0}.circuit-line{stroke-dasharray:4 6;animation:circuitLinePulse 4s linear infinite}@keyframes circuitLinePulse{0%{stroke-dashoffset:0}to{stroke-dashoffset:-20}}@media(max-width:1200px){.haso-float-pill.pill-pos-1{left:1.5%;top:14%}.haso-float-pill.pill-pos-2{right:1.5%;top:26%}.haso-holographic-hud{width:440px;height:440px;right:-100px}}@media(max-width:960px){.haso-floating-pills-group{display:none}.haso-holographic-hud{width:320px;height:320px;right:-60px;top:40px;opacity:.5}.haso-watermark-text{font-size:3rem}}.content-wrapper{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:space-between;height:100vh;max-height:100vh;overflow:hidden}.site-header{position:sticky;top:0;z-index:50;width:100%;background:#fffffff5;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--border-subtle);box-shadow:0 4px 20px -4px #0028640d;transition:all .3s ease}.header-container{max-width:1200px;margin:0 auto;padding:.85rem 1.5rem;display:flex;align-items:center;justify-content:space-between}.header-nav{display:flex;align-items:center;gap:.5rem}.nav-link{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem 1rem;color:var(--text-secondary);font-size:.925rem;font-weight:500;text-decoration:none;border-radius:var(--radius-sm);transition:all .25s ease;position:relative;background:transparent;border:none;cursor:pointer}.nav-link:hover{color:var(--haso-blue-primary);background:var(--haso-blue-subtle)}.nav-link.active{color:var(--haso-blue-primary);font-weight:600}.nav-link.active:after{content:"";position:absolute;bottom:-4px;left:12px;right:12px;height:2px;background:var(--haso-blue-primary);border-radius:2px;box-shadow:0 0 8px #0048db66}.nav-icon{width:18px;height:18px;opacity:.85}.header-brand{display:inline-flex;align-items:center;text-decoration:none;-webkit-user-select:none;user-select:none;cursor:pointer;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s ease}.header-brand:hover{transform:translateY(-1px);opacity:.94}.header-brand:active{transform:scale(.98)}.header-logo-img{height:42px;width:auto;max-width:270px;object-fit:contain;display:block;filter:drop-shadow(0 2px 6px rgba(0,40,120,.06));transition:filter .25s ease}.header-brand:hover .header-logo-img{filter:drop-shadow(0 3px 10px rgba(0,72,219,.15))}@media(max-width:768px){.header-logo-img{height:36px;max-width:220px}}@media(max-width:480px){.header-container{padding:.65rem 1rem}.header-logo-img{height:31px;max-width:190px}}.mobile-menu-btn{display:none;background:#f1f5f9;border:1px solid var(--border-subtle);color:var(--text-primary);padding:.5rem;border-radius:var(--radius-sm);cursor:pointer}.hero-section{padding:4.5rem 1.5rem 2.5rem;text-align:center;max-width:900px;margin:0 auto}.hero-pill{display:inline-flex;align-items:center;gap:.5rem;padding:.35rem 1.1rem;border-radius:var(--radius-full);background:#0048db14;border:1px solid rgba(0,72,219,.2);font-size:.8rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--haso-blue-primary);margin-bottom:1.75rem;box-shadow:0 2px 10px #0048db14}.pill-dot{width:6px;height:6px;border-radius:50%;background:var(--haso-blue-primary);box-shadow:0 0 8px var(--haso-blue-primary);animation:pulseDot 2s infinite}.hero-title{font-family:var(--font-display);font-size:clamp(2.75rem,6vw,4.25rem);font-weight:800;line-height:1.15;letter-spacing:-.02em;margin-bottom:1.25rem;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:.5rem .85rem}.title-connect{color:var(--haso-navy-deep);text-shadow:none}.title-dot{color:var(--haso-blue-primary);font-size:.7em;opacity:.7}.title-share{background:linear-gradient(135deg,#0048db,#0284c7);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.title-pay{background:linear-gradient(135deg,#0284c7,#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;text-shadow:none}.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:var(--text-secondary);line-height:1.65;max-width:650px;margin:0 auto;font-weight:400}.hero-subtitle-highlight{display:block;margin-top:.35rem;color:var(--text-muted);font-size:.95rem}main{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:.5rem 1.5rem;width:100%;min-height:0;overflow:hidden}.cards-section{max-width:1140px;margin:0 auto;padding:0;width:100%}.cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;align-items:stretch}.action-card{position:relative;background:var(--bg-card);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:1.75rem 1.75rem 1.5rem;display:flex;flex-direction:column;justify-content:space-between;min-height:275px;max-height:335px;box-shadow:var(--shadow-card);transition:all .35s cubic-bezier(.2,.8,.2,1);overflow:hidden;cursor:pointer}.action-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#0048db,#00b4d8);opacity:0;transition:opacity .3s ease}.action-card:hover{transform:translateY(-6px);background:var(--bg-card-hover);border-color:#0048db59;box-shadow:var(--shadow-card-hover)}.action-card:hover:before{opacity:1}.card-top{display:flex;flex-direction:column}.card-icon-wrapper{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1.15rem;box-shadow:0 6px 16px -2px #0000001a;transition:transform .3s ease}.action-card:hover .card-icon-wrapper{transform:scale(1.08) rotate(3deg)}.icon-insta{background:var(--gradient-insta);color:#fff}.icon-review{background:#f1f5f9;border:1px solid #e2e8f0;color:#1e293b;padding:8px}.icon-payment{background:linear-gradient(135deg,#0284c7,#06b6d4);color:#fff}.card-title{font-family:var(--font-display);font-size:1.25rem;font-weight:700;color:var(--text-primary);margin-bottom:.45rem;letter-spacing:-.01em}.card-description{font-size:.875rem;color:var(--text-secondary);line-height:1.45}.card-button{margin-top:1.25rem;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:.75rem 1.25rem;border-radius:var(--radius-md);font-size:.925rem;font-weight:600;border:none;cursor:pointer;transition:all .25s ease;color:#fff;text-decoration:none}.btn-insta{background:var(--gradient-insta);box-shadow:0 8px 20px -4px #e1306c66}.btn-insta:hover{box-shadow:0 12px 25px -4px #e1306c99;filter:brightness(1.08)}.btn-review{background:var(--gradient-review);box-shadow:0 8px 20px -4px #2563eb66}.btn-review:hover{box-shadow:0 12px 25px -4px #2563eb99;filter:brightness(1.08)}.btn-payment{background:var(--gradient-payment);box-shadow:0 8px 20px -4px #10b98166}.btn-payment:hover{box-shadow:0 12px 25px -4px #10b98199;filter:brightness(1.08)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a192f8c;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);z-index:100;display:flex;align-items:center;justify-content:center;padding:1.25rem;animation:overlayFadeIn .25s ease forwards}.modal-content{position:relative;width:100%;max-width:480px;background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:2rem;box-shadow:var(--shadow-modal);animation:modalScaleIn .3s cubic-bezier(.16,1,.3,1) forwards;max-height:90vh;overflow-y:auto;color:var(--text-primary)}.modal-close-btn{position:absolute;top:1.25rem;right:1.25rem;background:#f1f5f9;border:1px solid #e2e8f0;color:var(--text-secondary);width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease}.modal-close-btn:hover{background:#e2e8f0;color:var(--text-primary);transform:rotate(90deg)}.modal-header-icon{width:48px;height:48px;border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.modal-title{font-family:var(--font-display);font-size:1.45rem;font-weight:700;color:var(--haso-navy-deep);margin-bottom:.4rem}.modal-subtitle{font-size:.925rem;color:var(--text-secondary);line-height:1.45;margin-bottom:1.5rem}.instagram-profile-box{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-md);padding:1.1rem 1.25rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.75rem;box-shadow:0 2px 8px #0000000a;color:#0f172a}.profile-left{display:flex;align-items:center;gap:.85rem}.profile-avatar{width:44px;height:44px;border-radius:50%;overflow:hidden;box-shadow:0 2px 6px #00000026}.profile-names{display:flex;flex-direction:column}.profile-title{font-weight:700;font-size:1.05rem;color:#0f172a}.profile-handle{font-size:.85rem;color:#64748b}.profile-arrow{color:#94a3b8}.stars-container{display:flex;justify-content:center;gap:.75rem;margin:1.25rem 0 .5rem}.star-btn{background:transparent;border:none;cursor:pointer;padding:.25rem;transition:transform .2s cubic-bezier(.175,.885,.32,1.275)}.star-btn:hover{transform:scale(1.25)}.star-icon{width:36px;height:36px;color:#cbd5e1;transition:color .2s ease,fill .2s ease}.star-icon.filled{color:#facc15;fill:#facc15;filter:drop-shadow(0 0 6px rgba(250,204,21,.4))}.rating-label{text-align:center;font-size:.9rem;font-weight:600;color:var(--haso-blue-primary);min-height:1.5rem;margin-bottom:1.25rem}.review-criteria-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:.5rem;margin-bottom:1.25rem}.criteria-chip{background:#f8fafc;border:1px solid #e2e8f0;border-radius:var(--radius-sm);padding:.5rem .75rem;font-size:.8rem;font-weight:500;color:var(--text-secondary);cursor:pointer;text-align:center;transition:all .2s ease}.criteria-chip:hover{border-color:var(--haso-blue-primary);color:var(--haso-blue-primary);background:#f0f5fb}.criteria-chip.selected{background:#0048db14;border-color:var(--haso-blue-primary);color:var(--haso-blue-primary);font-weight:600}.textarea-wrapper{position:relative;margin-bottom:1.5rem}.review-textarea{width:100%;height:100px;background:#f8fafc;border:1px solid #cbd5e1;border-radius:var(--radius-md);padding:.85rem 1rem;color:var(--text-primary);font-family:var(--font-main);font-size:.925rem;resize:none;outline:none;transition:border-color .2s ease,box-shadow .2s ease}.review-textarea:focus{border-color:var(--haso-blue-primary);box-shadow:0 0 0 3px #0048db26}.char-counter{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:#64748b;pointer-events:none}.btn-done{width:100%;background:var(--gradient-review);color:#fff;border:none;border-radius:var(--radius-md);padding:.95rem;font-size:1.05rem;font-weight:700;letter-spacing:.02em;cursor:pointer;box-shadow:0 8px 20px -4px #0048db66;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:.5rem}.btn-done:hover{filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 12px 25px -4px #0048db99}.review-success-card{text-align:center;padding:1.5rem 0;animation:modalScaleIn .3s ease}.success-icon-badge{width:64px;height:64px;border-radius:50%;background:#10b9811f;border:2px solid #10b981;color:#10b981;display:flex;align-items:center;justify-content:center;margin:0 auto 1.25rem;box-shadow:0 0 20px #10b98140}.payment-modal-content{max-width:480px;padding:1.75rem 1.75rem 1.5rem;background:#fff;border:1px solid var(--border-subtle);box-shadow:var(--shadow-modal);border-radius:var(--radius-xl)}.payment-modal-header{display:flex;align-items:center;gap:.85rem;margin-bottom:1.15rem}.payment-modal-header .modal-header-icon{margin-bottom:0;flex-shrink:0;width:42px;height:42px}.payment-modal-header .modal-title{font-size:1.35rem;margin-bottom:.15rem}.payment-modal-header .modal-subtitle{font-size:.825rem;color:var(--text-secondary);line-height:1.35;margin-bottom:0}.payment-mode-tabs{display:flex;background:#f1f5f9;border:1px solid var(--border-subtle);padding:4px;border-radius:var(--radius-md);gap:4px;margin-bottom:1.25rem}.mode-tab-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.45rem;padding:.6rem .75rem;border:none;background:transparent;color:var(--text-secondary);font-size:.85rem;font-weight:600;border-radius:10px;cursor:pointer;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative}.mode-tab-btn:hover{color:var(--text-primary);background:#0000000a}.mode-tab-btn.active{background:#fff;border:1px solid #e2e8f0;color:var(--haso-blue-primary);box-shadow:0 2px 8px #0000000f}.tab-pill-badge{font-size:.65rem;text-transform:uppercase;letter-spacing:.04em;background:#0048db1a;color:var(--haso-blue-primary);padding:2px 6px;border-radius:100px;font-weight:700}.payment-buttons-grid{display:flex;flex-direction:column;gap:.7rem;margin-bottom:1.15rem}.upi-pay-btn{display:flex;align-items:center;gap:.9rem;padding:.8rem 1.1rem;background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);cursor:pointer;transition:all .25s cubic-bezier(.2,.8,.2,1);text-align:left;width:100%;position:relative}.upi-pay-btn:hover{transform:translateY(-2px);background:#f0f5fb;border-color:#0048db59;box-shadow:0 6px 16px -2px #0048db1a}.upi-pay-btn:active{transform:translateY(0) scale(.99)}.upi-btn-icon-wrapper{width:44px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 2px 8px #0000001a;transition:transform .25s ease}.upi-pay-btn:hover .upi-btn-icon-wrapper{transform:scale(1.08)}.gpay-icon-bg{background:#fff;border:1px solid rgba(0,0,0,.08)}.phonepe-icon-bg{background:#5f259f;border:1px solid rgba(255,255,255,.15)}.paytm-icon-bg{background:#002e6e;border:1px solid rgba(0,186,242,.3)}.other-icon-bg{background:linear-gradient(135deg,#065f46,#0f766e);border:1px solid rgba(52,211,153,.3)}.upi-app-svg{width:28px;height:28px;display:block}.upi-btn-details{flex:1;display:flex;flex-direction:column;gap:.15rem}.upi-btn-title{font-family:var(--font-display);font-size:1.025rem;font-weight:700;color:var(--text-primary);letter-spacing:.01em}.upi-btn-sub{font-size:.775rem;color:var(--text-secondary)}.upi-btn-arrow{color:#64748b;transition:all .25s ease;display:flex;align-items:center}.upi-pay-btn:hover .upi-btn-arrow{color:var(--haso-blue-primary);transform:translate(3px)}.btn-gpay:hover{border-color:#4285f480;background:#4285f40f}.btn-phonepe:hover{border-color:#9333ea80;background:#5f259f0f}.btn-paytm:hover{border-color:#00baf280;background:#002e6e0f}.btn-other-upi:hover{border-color:#34d39980;background:#065f460f}.qr-code-card{background:#fff;border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:.75rem .75rem .65rem;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 1.15rem;max-width:220px;box-shadow:0 8px 25px #00286414}.compact-qr-card{max-width:210px;padding:.65rem .65rem .55rem;margin-bottom:1rem}.qr-image-wrapper{width:100%;display:flex;align-items:center;justify-content:center;border-radius:12px;overflow:hidden;background:#f8fafc;border:1px solid #f1f5f9}.qr-code-image{width:100%;max-width:185px;height:auto;display:block;border-radius:10px;object-fit:contain}.qr-badge-text{font-size:.775rem;font-weight:600;color:var(--haso-blue-primary);margin-top:.5rem;display:flex;align-items:center;gap:.35rem;letter-spacing:.02em}.upi-id-box{background:#f8fafc;border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:.65rem .9rem;display:flex;align-items:center;justify-content:space-between;margin-bottom:1.15rem}.upi-id-box-compact{margin-bottom:.75rem}.upi-id-info{display:flex;align-items:center;gap:.65rem}.upi-label{font-size:.725rem;font-weight:700;color:var(--text-secondary);background:#e2e8f0;padding:.15rem .45rem;border-radius:4px}.upi-val{font-family:var(--font-display);font-size:.925rem;font-weight:600;color:var(--text-primary);letter-spacing:.02em}.btn-copy{background:#0048db14;border:1px solid rgba(0,72,219,.25);color:var(--haso-blue-primary);padding:.45rem .75rem;border-radius:var(--radius-sm);font-size:.8rem;font-weight:600;display:flex;align-items:center;gap:.35rem;cursor:pointer;transition:all .2s ease}.btn-copy:hover{background:#0048db29}.btn-copy.copied{background:#10b98126;border-color:#10b981;color:#059669}.pay-now-container{display:flex;flex-direction:column;gap:.55rem;margin-top:.25rem;margin-bottom:.25rem}.btn-pay-now-modal{display:flex;align-items:center;justify-content:center;gap:.65rem;width:100%;padding:.9rem 1.25rem;background:var(--gradient-payment);color:#fff!important;font-family:var(--font-display);font-size:1.05rem;font-weight:700;letter-spacing:.02em;border-radius:var(--radius-md);text-decoration:none;border:none;cursor:pointer;box-shadow:0 6px 20px -2px #10b98166;transition:all .25s cubic-bezier(.16,1,.3,1);position:relative;overflow:hidden}.btn-pay-now-modal:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.25),transparent);transition:.6s ease}.btn-pay-now-modal:hover{transform:translateY(-2px);box-shadow:0 10px 25px -2px #10b9818c;filter:brightness(1.05);color:#fff!important;text-decoration:none}.btn-pay-now-modal:hover:before{left:100%}.btn-pay-now-modal:active{transform:translateY(0) scale(.99)}.pay-now-hint{font-size:.775rem;color:var(--text-secondary);text-align:center;margin:0;line-height:1.35}.toast-container{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);z-index:200;display:flex;flex-direction:column;align-items:center;gap:.5rem;pointer-events:none}.toast-pill{background:#fff;border:1px solid var(--border-subtle);color:var(--text-primary);padding:.65rem 1.25rem;border-radius:var(--radius-full);font-size:.875rem;font-weight:600;box-shadow:0 10px 30px #0028641f,0 0 1px #0000001a;display:flex;align-items:center;gap:.5rem;animation:toastPop .3s cubic-bezier(.175,.885,.32,1.275) forwards}.site-footer{margin-top:0;border-top:1px solid var(--border-subtle);background:#f8fafc;padding:.65rem 1.5rem;text-align:center;flex-shrink:0}.footer-text{font-size:.825rem;color:var(--text-muted)}.footer-brand-name{color:var(--haso-blue-primary);font-weight:600}@media(max-width:1024px){.cards-grid{grid-template-columns:repeat(2,1fr);gap:1.5rem}}@media(max-width:768px){html,body,.app-container,.content-wrapper{height:auto;max-height:none;overflow-y:auto}.header-nav{display:none}.mobile-menu-btn{display:flex}.mobile-nav-drawer{display:flex;flex-direction:column;padding:1rem 1.5rem;background:#fff;border-bottom:1px solid var(--border-subtle);box-shadow:0 8px 20px #0000000f;gap:.5rem}.cards-grid{grid-template-columns:1fr;max-width:480px;margin:0 auto}.hero-section{padding:3rem 1rem 2rem}.hero-title{font-size:2.35rem}.modal-content{padding:1.5rem}}@media(max-width:420px){.hero-title{font-size:2rem}}@keyframes pulseGlow{0%{opacity:.35;transform:translate(-50%) scale(.95)}to{opacity:.55;transform:translate(-50%) scale(1.05)}}@keyframes floatOrb{0%{transform:translate(0) scale(1)}50%{transform:translate(30px,-20px) scale(1.08)}to{transform:translate(-20px,20px) scale(.95)}}@keyframes hasoGlowPulse{0%,to{opacity:.5;transform:translate(-50%) scale(1)}50%{opacity:.8;transform:translate(-50%) scale(1.06)}}@keyframes hasoRingRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes hasoWaveFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes pulseDot{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.4);opacity:.6}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleIn{0%{opacity:0;transform:scale(.92) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes toastPop{0%{opacity:0;transform:translateY(20px) scale(.9)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in-down{animation:fadeInDown .6s cubic-bezier(.16,1,.3,1) forwards}.animate-fade-in-up{animation:fadeInUp .7s cubic-bezier(.16,1,.3,1) forwards}.animate-delay-1{animation-delay:.15s}.animate-delay-2{animation-delay:.3s}.animate-delay-3{animation-delay:.45s}@keyframes hudRotate{0%{transform:rotate(0);transform-origin:300px 300px}to{transform:rotate(360deg);transform-origin:300px 300px}}@keyframes hudRotateReverse{0%{transform:rotate(360deg);transform-origin:300px 300px}to{transform:rotate(0);transform-origin:300px 300px}}@keyframes hudRadarSweep{0%{transform:rotate(0);transform-origin:300px 300px}to{transform:rotate(360deg);transform-origin:300px 300px}}@keyframes hasoFloatSlow{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.hud-rotate-clockwise{animation:hudRotate 80s linear infinite}.hud-rotate-counter{animation:hudRotateReverse 50s linear infinite}.hud-radar-sweep{animation:hudRadarSweep 14s linear infinite}