@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";.site-logo{max-width:100px;width:100%}@media screen and (max-width: 768px){.site-logo{max-width:80px}}:root{--primary-color: #4a6bff;--primary-dark: #3a5bef;--primary-light: #6a89ff;--secondary-color: #f8f9fa;--text-color: #2d3748;--text-light: #718096;--white: #ffffff;--gray-light: #f7fafc;--gray-border: #e2e8f0;--shadow: 0 4px 20px rgba(0, 0, 0, .08);--shadow-lg: 0 10px 40px rgba(0, 0, 0, .12);--transition: all .3s cubic-bezier(.4, 0, .2, 1);--border-radius: 12px;--border-radius-sm: 8px}.navbar{box-shadow:0 5px 5px #0000004d;position:sticky;top:0;z-index:99;transition:var(--transition);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2}.navbar.scrolled{box-shadow:var(--shadow);background:#fffffffa}.navbar .navbar-container{display:flex;justify-content:space-between;align-items:center;max-width:1400px;margin:0 auto;height:80px;padding:0 2rem;position:relative}.navbar .navbar-brand{cursor:pointer;display:flex;align-items:center;transition:var(--transition);z-index:1001}.navbar .navbar-brand:hover{transform:translateY(-1px)}.navbar .navbar-brand img{height:50px;transition:var(--transition)}.navbar .desktop-nav{display:flex;align-items:center;gap:2rem}.navbar .nav-menu{display:flex;list-style:none;margin:0;padding:0;gap:.5rem}.navbar .nav-item{position:relative;cursor:pointer;padding:.5rem 1rem;border-radius:var(--border-radius-sm);transition:var(--transition)}.navbar .nav-link{color:var(--text-color);font-weight:500;font-size:.95rem;display:flex;align-items:center;gap:.5rem;transition:var(--transition);position:relative;z-index:2}.navbar .nav-item:hover{background:var(--gray-light)}.navbar .nav-item:hover .nav-link{color:var(--primary-color);transform:translateY(-1px)}.navbar .nav-item.active .nav-link{color:var(--primary-color);font-weight:600}.navbar .nav-underline{position:absolute;bottom:0;left:50%;width:0;height:2px;background:var(--primary-color);transition:var(--transition);transform:translate(-50%)}.navbar .nav-item.active .nav-underline{width:80%}.navbar .new-badge{background:linear-gradient(135deg,#ff6b6b,#ff4757);color:#fff;font-size:.7rem;padding:.2rem .6rem;border-radius:20px;font-weight:700;letter-spacing:.5px;box-shadow:0 2px 8px #ff47574d}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}.navbar .auth-section{display:flex;align-items:center;gap:1rem}.navbar .account-dropdown{position:relative}.navbar .account-btn{background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--border-radius);padding:.6rem 1rem;cursor:pointer;display:flex;align-items:center;gap:.75rem;font-weight:500;color:var(--text-color);transition:var(--transition);min-width:160px;justify-content:space-between}.navbar .account-btn:hover{background:var(--white);border-color:var(--primary-light);box-shadow:0 2px 8px #4a6bff33;transform:translateY(-1px)}.navbar .account-avatar{width:32px;height:32px;background:linear-gradient(135deg,var(--primary-color),var(--primary-light));border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.navbar .dropdown-arrow{transition:var(--transition);font-size:.7rem;color:var(--text-light)}.navbar .dropdown-arrow.open{transform:rotate(180deg)}.navbar .dropdown-menu{position:absolute;top:100%;right:0;background:var(--white);box-shadow:var(--shadow-lg);border-radius:var(--border-radius);padding:.5rem;margin-top:.5rem;z-index:1000;min-width:200px;border:1px solid var(--gray-border);animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.navbar .dropdown-menu button{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem 1rem;text-align:left;background:none;border:none;cursor:pointer;transition:var(--transition);border-radius:var(--border-radius-sm);color:var(--text-color);font-weight:500}.navbar .dropdown-menu button:hover{background:var(--gray-light);color:var(--primary-color);transform:translate(4px)}.navbar .auth-buttons{display:flex;gap:1rem}.navbar .login-btn{background:var(--primary-color);color:#fff;border:none;padding:.75rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);box-shadow:0 2px 10px #4a6bff4d}.navbar .login-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #4a6bff66}.navbar .mobile-nav-section{display:none;align-items:center}.navbar .mobile-menu-btn{display:flex;flex-direction:column;justify-content:center;align-items:center;width:40px;height:40px;background:var(--gray-light);border:1px solid var(--gray-border);border-radius:var(--border-radius-sm);cursor:pointer;transition:var(--transition);padding:0;gap:4px}.navbar .mobile-menu-btn:hover{background:var(--white);border-color:var(--primary-light)}.navbar .mobile-menu-btn span{display:block;width:20px;height:2px;background:var(--text-color);transition:var(--transition);border-radius:2px}.navbar .mobile-menu-btn.open span:nth-child(1){transform:rotate(45deg) translate(6px,6px)}.navbar .mobile-menu-btn.open span:nth-child(2){opacity:0}.navbar .mobile-menu-btn.open span:nth-child(3){transform:rotate(-45deg) translate(6px,-6px)}.navbar .mobile-menu-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#00000080;z-index:998;opacity:0;visibility:hidden;transition:var(--transition);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.navbar .mobile-menu-overlay.active{opacity:1;visibility:visible}.navbar .mobile-menu{position:fixed;top:0;right:-100%;width:90%;max-width:400px;height:100vh;background:var(--white);z-index:999;transition:var(--transition);box-shadow:-5px 0 30px #0000001a;display:flex;flex-direction:column}.navbar .mobile-menu.open{right:0}.navbar .mobile-menu-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid var(--gray-border);background:var(--white)}.navbar .mobile-close-btn{background:none;border:none;font-size:1.5rem;cursor:pointer;color:var(--text-light);transition:var(--transition);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.navbar .mobile-close-btn:hover{background:var(--gray-light);color:var(--text-color)}.navbar .mobile-menu-content{flex:1;padding:1.5rem;overflow-y:auto;display:flex;flex-direction:column}.navbar .mobile-nav-menu{list-style:none;margin-bottom:2rem}.navbar .mobile-nav-item{padding:1rem 0;border-bottom:1px solid var(--gray-border);cursor:pointer;transition:var(--transition)}.navbar .mobile-nav-item:last-child{border-bottom:none}.navbar .mobile-nav-item:hover{transform:translate(8px)}.navbar .mobile-nav-link{color:var(--text-color);font-weight:500;display:flex;align-items:center;justify-content:space-between;transition:var(--transition)}.navbar .mobile-nav-item.active .mobile-nav-link{color:var(--primary-color);font-weight:600}.navbar .mobile-nav-item:hover .mobile-nav-link{color:var(--primary-color)}.navbar .mobile-auth-section{margin-top:auto;padding-top:2rem;border-top:1px solid var(--gray-border)}.navbar .mobile-account-menu{display:flex;flex-direction:column;gap:.5rem}.navbar .mobile-account-menu button{display:flex;align-items:center;gap:.75rem;padding:1rem;text-align:left;background:none;border:none;cursor:pointer;color:var(--text-color);border-radius:var(--border-radius-sm);transition:var(--transition);font-weight:500}.navbar .mobile-account-menu button:hover{background:var(--gray-light);color:var(--primary-color);transform:translate(4px)}.navbar .mobile-auth-buttons{margin-bottom:3rem;display:flex;flex-direction:column;gap:1rem}.navbar .mobile-login-btn{background:var(--primary-color);color:#fff;border:none;padding:1rem 1.5rem;border-radius:var(--border-radius);font-weight:600;cursor:pointer;transition:var(--transition);text-align:center;box-shadow:0 2px 10px #4a6bff4d}.navbar .mobile-login-btn:hover{background:var(--primary-dark);transform:translateY(-2px);box-shadow:0 4px 15px #4a6bff66}@media (max-width: 1200px){.navbar .navbar-container{padding:0 1.5rem}.navbar .nav-menu{gap:.25rem}.navbar .nav-item{padding:.5rem .75rem}}@media (max-width: 992px){.navbar .desktop-nav{display:none}.navbar .mobile-nav-section{display:flex}.navbar .navbar-container{height:70px;padding:0 1rem}.navbar .navbar-brand img{height:45px}}@media (max-width: 768px){.navbar .mobile-menu{width:85%}.navbar .navbar-container{padding:0 1rem}}@media (max-width: 480px){.navbar .navbar-container{height:65px}.navbar .navbar-brand img{height:40px}.navbar .mobile-menu{width:100%;max-width:none}.navbar .mobile-menu-content,.navbar .mobile-menu-header{padding:1rem}}.navbar button:focus-visible,.navbar .nav-item:focus-visible{outline:2px solid var(--primary-color);outline-offset:2px}.modern-footer{background:linear-gradient(135deg,#1a2a3a,#0d1b2a);color:#fff;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;margin-top:auto}.footer-top{padding:60px 0 40px;border-bottom:1px solid rgba(255,255,255,.1)}.footer-container{max-width:1200px;margin:0 auto;padding:0 20px;display:flex;flex-wrap:wrap;gap:40px}.footer-brand{flex:1;min-width:300px}.footer-brand h2{font-size:28px;font-weight:700;margin-bottom:15px;background:linear-gradient(90deg,#4cc9f0,#4361ee);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.footer-brand p{color:#c7d2fe;font-size:16px;margin-bottom:30px;line-height:1.6}.contact-info{margin-bottom:25px}.contact-item{display:flex;align-items:flex-start;margin-bottom:15px;color:#e0e0e0;line-height:1.5}.contact-icon{margin-right:12px;color:#4361ee;font-size:16px;margin-top:3px;min-width:16px}.social-links{display:flex;gap:15px}.social-links a{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#ffffff1a;border-radius:50%;color:#fff;font-size:16px;transition:all .3s ease;border:1px solid rgba(255,255,255,.15)}.social-links a:hover{background:#4361ee;transform:translateY(-3px);box-shadow:0 5px 15px #4361ee4d}.footer-links-grid{flex:2;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:30px}.footer-column h3{font-size:18px;font-weight:600;margin-bottom:20px;color:#4cc9f0;position:relative;padding-bottom:10px}.footer-column h3:after{content:"";position:absolute;bottom:0;left:0;width:40px;height:2px;background:linear-gradient(90deg,#4cc9f0,#4361ee);border-radius:2px}.footer-column ul{list-style:none;padding:0;margin:0}.footer-column ul li{margin-bottom:12px}.footer-column ul li a{color:#c7d2fe;text-decoration:none;transition:all .3s ease;display:inline-block;font-size:15px}.footer-column ul li a:hover{color:#4cc9f0;transform:translate(5px)}.footer-bottom{padding:25px 0;background:#0003}.footer-bottom .footer-container{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-bottom p{color:#a3b3cc;margin:0;font-size:14px}.payment-methods{display:flex;align-items:center;gap:15px}.payment-methods span{color:#a3b3cc;font-size:14px}.payment-icons{display:flex;gap:10px;flex-wrap:wrap}.payment-icons span{background:#ffffff1a;padding:5px 12px;border-radius:15px;font-size:12px;color:#e0e0e0;border:1px solid rgba(255,255,255,.15)}@media (max-width: 768px){.footer-container{flex-direction:column;gap:30px}.footer-links-grid{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:25px}.footer-bottom .footer-container{flex-direction:column;text-align:center}.payment-methods{flex-direction:column;gap:10px}}@media (max-width: 480px){.footer-top{padding:40px 0 30px}.footer-brand h2{font-size:24px}.footer-links-grid{grid-template-columns:1fr;gap:20px}.footer-column h3{font-size:16px}.social-links{justify-content:center}}@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #4361ee66}70%{transform:scale(1.05);box-shadow:0 0 10px #4361ee00}to{transform:scale(1);box-shadow:0 0 #4361ee00}}.social-links a:hover{animation:pulse 1s infinite}.Need{position:fixed;bottom:20px;right:20px;display:flex;align-items:center;justify-content:center;gap:8px;background-color:#25d366;color:#fff;padding:12px 20px;border-radius:30px;text-decoration:none;font-weight:600;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease;overflow:hidden}.Need:hover{background-color:#128c7e;transform:translateY(-2px);box-shadow:0 6px 16px #0003}.Need:active{transform:translateY(0)}.whatsapp-icon{font-size:24px}.need-help-text{transition:all .3s ease}.tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;font-weight:400;opacity:0;visibility:hidden;transition:all .3s ease;width:max-content;max-width:200px;text-align:center;margin-bottom:10px}.Need:hover .tooltip{opacity:1;visibility:visible}@keyframes pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.Need{animation:pulse 2s infinite}@media (max-width: 768px){.Need{padding:10px 16px;font-size:14px;bottom:15px;right:15px}.whatsapp-icon{font-size:20px}}.Call{position:fixed;bottom:25px;display:flex;align-items:center;justify-content:center;background-color:#2ecc71;color:#fff;width:50px;height:50px;border-radius:50%;text-decoration:none;box-shadow:0 4px 12px #00000026;z-index:1000;transition:all .3s ease;overflow:hidden}.Call:hover{background-color:#27ae60;transform:translateY(-3px);box-shadow:0 6px 16px #0003;width:120px;border-radius:30px}.call-icon{font-size:22px;transition:all .3s ease}.call-text{margin-left:8px;font-weight:600;font-size:14px;white-space:nowrap;animation:fadeIn .3s ease}.Call .tooltip{position:absolute;bottom:100%;left:50%;transform:translate(-50%);background:#333;color:#fff;padding:6px 12px;border-radius:4px;font-size:12px;opacity:0;visibility:hidden;transition:all .3s ease;width:max-content;max-width:200px;text-align:center;margin-bottom:10px}.Call:hover .tooltip{opacity:1;visibility:visible}@keyframes ring{0%{transform:rotate(0)}15%{transform:rotate(15deg)}30%{transform:rotate(-10deg)}45%{transform:rotate(10deg)}60%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}to{transform:rotate(0)}}.Call{animation:ring 2s ease-in-out infinite}@media (max-width: 768px){.Call{width:45px;height:45px;bottom:20px;left:15px}.call-icon{font-size:20px}.Call:hover{width:110px}}.admin nav{color:#fff;position:fixed;top:0;left:0;width:100%;height:82px;padding:0;background-color:#fff;z-index:20;box-shadow:0 10px 10px #0000004d}.top{margin-top:82px}.admin nav .logo{width:100px;height:80px}.admin nav .logo img{height:100%;width:100%;object-fit:contain;mix-blend-mode:multiply;filter:saturate(1.2)}.admin nav .max-width{padding:0 20px;height:100%;width:100%;display:flex;justify-content:space-between;align-items:center}.admin nav .username{text-transform:capitalize;font-size:.9em;cursor:pointer;font-family:Arial,Helvetica,sans-serif;text-decoration:none;color:#000;font-weight:750}.adminGridView{margin-left:220px}.admin nav .logo{font-size:.9em;font-weight:500;cursor:pointer;text-decoration:none;color:#fff;max-width:unset}.admin nav h2{font-size:clamp(1em,2vw,1.2em)}.admin nav ul{display:flex;gap:1rem;list-style:none;align-items:center}.admin nav ul li button{background-color:#fff;border:none;color:#000;font-size:.9em;cursor:pointer;padding:.3rem 1rem;border-radius:5px;transition:.3s;vertical-align:middle;white-space:nowrap;font-family:system-ui,Open Sans,sans-serif}.admin nav .menuIcon{font-size:2rem;background-color:transparent;color:#fff;display:none}.admin nav .menu ul li button{width:100%;display:flex;align-items:center;gap:1rem}.admin nav .menu ul li button .icon{font-size:1.5rem;color:var(--primaryColor)}.admin nav .menu ul li:first-child{color:#000;font-weight:700;text-align:center;display:none}.admin nav .menu ul li.amountbtn{background-color:#ac2500;padding:.5rem;border-radius:5px;display:flex;align-items:center;gap:.5rem;font-size:.8em}.admin nav .menu ul li.amountbtn strong{color:#d2e8ff}@media screen and (max-width: 768px){.adminGridView{margin-left:0}.admin nav .menuIcon{display:block}.admin nav h2{display:none}.admin nav .menu ul li:first-child{display:block}.admin nav .menu{position:absolute;top:100%;right:-100%;width:200px;z-index:99999;height:calc(100vh - 60px);flex-direction:column;background-color:#fff;padding:.5rem;transition:all .3s ease;box-shadow:0 0 30px #0000004d}.admin nav .menu.active{right:0}.admin nav .menu ul{flex-direction:column}.admin nav .menu ul li{width:100%}.admin nav .menu ul li button{width:100%;display:flex;align-items:center;gap:1rem}.adminGridView{grid-template-columns:1fr}}.balanceArea{display:flex;gap:1rem;align-items:center;justify-content:center;font-weight:700;cursor:pointer;text-transform:capitalize;color:#fff9c7;background-color:#c47909;padding:.5rem 1rem;border-radius:5px;width:max-content}.balanceArea .refreshIcon{color:#282323;background-color:#ffd630;border-radius:50%;padding:.2rem;font-size:1.1em;width:fit-content;height:fit-content}.transLoader{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#64646480;z-index:9999;display:grid;place-items:center;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.transLoader .spinner{width:50px;height:50px;border:5px solid #f3f3f3;border-top:5px solid var(--primaryColor);border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.notice-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background-color:#00000080;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.notice-modal{max-width:500px;width:90%;height:auto;overflow-y:auto;padding:2rem;border-radius:16px;box-shadow:0 10px 30px #0003;background-color:#fff!important;opacity:0;transform:translateY(20px) scale(.95);transition:all .3s cubic-bezier(.175,.885,.32,1.275);position:relative}.notice-modal.visible{opacity:1;transform:translateY(0) scale(1)}.notice-modal.closing{opacity:0;transform:translateY(20px) scale(.95)}.notice-modal:before{content:"";position:absolute;top:0;left:0;width:8px;height:100%}.notice-modal.info:before{background:#3498db}.notice-modal.warning:before{background:#f39c12}.notice-modal.success:before{background:#2ecc71}.notice-modal.error:before{background:#e74c3c}.notice-close-btn{position:absolute;top:12px;right:12px;background:transparent;border:none;cursor:pointer;color:#7f8c8d;transition:all .2s ease;padding:4px;border-radius:50%;display:flex;align-items:center;justify-content:center}.notice-close-btn:hover{color:#34495e;background:#0000000d}.notice-content{display:flex;flex-direction:column;gap:1rem}.notice-header{display:flex;align-items:center;gap:1rem;color:#2c3e50}.notice-icon{width:28px;height:28px;flex-shrink:0}.notice-title{font-size:1.4rem;font-weight:600;margin:0}.notice-message{text-align:left;font-weight:initial;margin:.5rem 0;line-height:1.6;color:#34495e;font-size:1.05rem}.notice-footer{text-align:right;margin-top:1rem}.notice-thanks{font-size:1.1rem;color:#7f8c8d;font-style:italic}.notice-icon{animation:pulse 1.5s ease infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@media (max-width: 600px){.notice-modal{padding:1.5rem}.notice-title{font-size:1.2rem}.notice-message{font-size:1rem}.notice-icon{width:24px;height:24px}}.control-panel-container{padding:16px;max-width:1200px;margin:0 auto}.panel-header{margin-bottom:24px;text-align:center}.panel-title{display:flex;align-items:center;justify-content:center;margin-bottom:8px!important;color:#1f2937}.header-icon{margin-right:12px;font-size:28px;color:#3b82f6}.panel-subtitle{font-size:16px}.profile-card,.security-card,.sessions-card{border-radius:12px;box-shadow:0 4px 12px #00000014;transition:all .3s ease;overflow:hidden}.profile-card:hover,.security-card:hover,.sessions-card:hover{box-shadow:0 6px 16px #0000001f}.card-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:16px}.profile-info{display:flex;align-items:center;gap:16px}.profile-details{display:flex;flex-direction:column}.profile-name{margin-bottom:4px!important;color:#1f2937}.phone-number{font-size:14px}.profile-avatar{background-color:#3b82f6}.card-title{display:flex;align-items:center;margin-bottom:0!important;color:#1f2937}.card-icon{margin-right:8px;font-size:20px;color:#3b82f6}.card-divider{margin:16px 0}.wallet-info{margin-bottom:24px}.wallet-header{display:flex;align-items:center;margin-bottom:8px}.wallet-icon{margin-right:8px;font-size:24px;color:#10b981}.wallet-label{font-weight:500;color:#6b7280}.wallet-balance{color:#1f2937!important;margin-bottom:8px!important}.balance-stats{margin-top:16px}.balance-stat .ant-statistic-title{font-size:14px;color:#6b7280}.balance-stat .ant-statistic-content{font-size:18px;font-weight:600}.security-alert{margin-bottom:20px;border-radius:8px}.security-actions{display:flex;flex-direction:column;gap:12px}.security-btn{height:auto;padding:12px;border-radius:8px;font-weight:500}.session-item{padding:16px;border-radius:8px;border:1px solid #e5e7eb;margin-bottom:12px;transition:all .2s ease}.session-item:hover{background-color:#f9fafb;border-color:#d1d5db}.session-badge .ant-badge-dot{width:12px;height:12px}.session-device-icon{font-size:24px;display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#f3f4f6;border-radius:8px;color:#3b82f6}.session-date{font-weight:500}.session-detail{display:flex;align-items:center;gap:6px;font-size:14px}.session-action-btn{border-radius:6px}.custom-modal .ant-modal-content{border-radius:12px;overflow:hidden}.modal-header{display:flex;align-items:center;font-size:18px;font-weight:600}.custom-modal .modal-title-icon{margin-right:12px;font-size:24px;color:#3b82f6}.custom-modal .pin-input{border-radius:8px}.custom-modal .modal-actions{display:flex!important;justify-content:flex-end;gap:10px!important;margin-bottom:0}.custom-modal .modal-action-btn{border-radius:8px;min-width:120px;margin-right:10px}.logout-alert{border-radius:8px;margin-bottom:16px}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px 20px}@media (max-width: 768px){.control-panel-container{padding:12px}.panel-title{font-size:24px!important}.card-header,.profile-info{flex-direction:column;align-items:flex-start;gap:12px}.profile-details{gap:4px}.wallet-balance{font-size:24px!important}.session-item{padding:12px}.session-item .ant-list-item-meta{flex-direction:column;align-items:flex-start}.session-item .ant-list-item-meta-avatar{margin-bottom:8px}.session-item .ant-list-item-action{margin-top:12px;margin-left:0;width:100%;display:flex;justify-content:flex-end;gap:8px}.modal-actions{flex-direction:column-reverse}.modal-action-btn{width:100%}}@media (max-width: 576px){.balance-stats .ant-col-xs-12{width:100%;margin-bottom:16px}.security-actions{gap:8px}.security-btn{padding:10px}}:root{--popup-bg: rgba(37, 37, 37, .72);--popup-blur: blur(5px);--popup-z-index: 1000;--popup-max-width: min(550px, 95vw);--popup-padding: 1.5rem;--close-btn-size: 34px;--close-btn-bg: #fff;--close-btn-color: var(--primaryColor, #0066cc);--close-btn-hover: #ff6f00;--border-radius: 10px;--box-shadow: 0 10px 25px rgba(0, 0, 0, .2);--transition: all .3s ease}.popup{position:fixed;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;width:100vw;height:100dvh;background-color:var(--popup-bg);-webkit-backdrop-filter:var(--popup-blur);backdrop-filter:var(--popup-blur);z-index:var(--popup-z-index);padding:var(--popup-padding);overflow-y:auto;z-index:99;animation:fadeIn .3s ease-in-out}.popup-content,.popup .full{width:100%;max-width:var(--popup-max-width);max-height:90dvh;background-color:#fff;border-radius:var(--border-radius);box-shadow:var(--box-shadow);overflow-y:auto;padding:1rem;animation:scaleIn .3s ease;overscroll-behavior:contain}.popup .closeBtn{position:fixed;top:1rem;right:1rem;width:var(--close-btn-size);height:var(--close-btn-size);background-color:var(--close-btn-bg);color:var(--close-btn-color);border-radius:50%;border:none;display:grid;place-items:center;font-size:1.8rem;cursor:pointer;z-index:1001;transition:var(--transition);box-shadow:0 2px 6px #0000001a}.popup .closeBtn:hover{color:var(--close-btn-hover);transform:scale(1.1)}.popup .closeBtn:focus-visible{outline:2px solid var(--close-btn-hover);outline-offset:2px}@keyframes scaleIn{0%{transform:scale(.95);opacity:0}to{transform:scale(1);opacity:1}}@media (max-width: 768px){:root{--popup-padding: .5rem;--close-btn-size: 30px}.popup{padding:0}.popup .closeBtn{top:.5rem;right:.5rem}}.video-verification-component{max-width:1200px;margin:0 auto;padding:20px;min-height:100vh}.steps-container{margin-bottom:40px;padding:0 20px}.custom-steps .ant-steps-item-title{font-weight:600;font-size:16px}.custom-steps .ant-steps-item-process .ant-steps-item-title{color:#1890ff}.content-container{padding:0 10px}.animated-card{animation:slideInUp .6s ease-out;border:none;border-radius:16px;box-shadow:0 4px 20px #00000014;overflow:hidden}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.card-header{text-align:center;padding:30px 20px 20px;border-bottom:1px solid #f0f0f0;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;margin:-1px -1px 0;display:flex;flex-direction:column;align-items:center}.card-header .section-title{color:#fff!important;margin-bottom:8px!important}.card-header .subtitle{color:#ffffffe6;font-size:16px}.terms-card .terms-content{padding:30px}.terms-alert{margin-bottom:24px}.terms-preview{background:#f8f9fa;border-radius:12px;padding:24px;margin-bottom:24px;text-align:center}.preview-content h4{color:#1890ff;margin-bottom:16px}.preview-content ul{list-style:none;padding:0;margin:20px 0}.preview-content li{padding:8px 0;color:#52c41a;font-weight:500}.view-terms-btn{margin-top:16px;height:48px;font-size:16px;border-radius:8px}.terms-acceptance{display:flex;flex-direction:column;align-items:center;gap:20px;padding:20px 0}.terms-checkbox{font-size:16px}.checkbox-label{font-weight:500;color:#333}.continue-btn{height:48px;font-size:16px;border-radius:8px;min-width:200px}.upload-grid{padding:30px;width:100%}.upload-card{background:#fff;border:2px solid #f0f0f0;border-radius:16px;padding:30px 24px;text-align:center;height:100%;transition:all .3s ease;position:relative;overflow:hidden}.inside-video-card{width:122%}.selfie-card{width:126%}.upload-card:hover{border-color:#1890ff;transform:translateY(-4px);box-shadow:0 8px 25px #1890ff26}.upload-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#667eea,#764ba2)}.upload-icon{font-size:48px;color:#1890ff;margin-bottom:16px}.upload-card h3{color:#333;margin-bottom:12px;font-size:20px}.upload-card p{color:#666;margin-bottom:24px;font-size:14px}.upload-area{min-height:120px;display:flex;align-items:center;justify-content:center}.upload-btn{height:48px;font-size:16px;border-radius:8px;padding:0 24px}.file-preview{display:flex;align-items:center;gap:12px;background:#f6ffed;border:1px solid #b7eb8f;border-radius:12px;padding:16px;width:100%;animation:fadeIn .5s ease}@keyframes fadeIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.file-success{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#52c41a;border-radius:50%;flex-shrink:0}.success-icon{color:#fff;font-size:20px}.file-details{flex:1;text-align:left}.file-name{display:block;font-size:14px;margin-bottom:4px;color:#333;max-width:50px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.file-size{font-size:12px}.delete-file-btn{flex-shrink:0;border-radius:6px}.completion-section{padding:30px;border-top:1px solid #f0f0f0;background:#fafafa}.progress-info{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.progress-stats{font-weight:600;color:#1890ff}.progress-bar{margin-bottom:24px}.progress-bar .ant-progress-text{font-weight:600}.submit-btn{height:52px;font-size:18px;border-radius:8px;width:100%;background:linear-gradient(135deg,#667eea,#764ba2);border:none;font-weight:600}.submit-btn:disabled{background:#f5f5f5;color:#d9d9d9;border-color:#d9d9d9}.modal-header{display:flex;align-items:center;gap:12px;font-size:20px;font-weight:600}.modal-icon{font-size:24px;color:#1890ff}.close-icon{font-size:18px;color:#999;transition:color .3s}.close-icon:hover{color:#ff4d4f}.terms-modal .ant-modal-body{padding:0}.detailed-terms{height:60vh}.terms-scroll-container{height:100%;overflow-y:auto;padding:24px}.terms-content-full h3{color:#1890ff;margin-bottom:24px;text-align:center;font-size:24px}.terms-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid #f0f0f0}.terms-section h4{color:#333;margin-bottom:12px;font-size:18px}.terms-section p{color:#666;line-height:1.6;margin-bottom:12px}.terms-section ul{margin:12px 0;padding-left:20px}.terms-section li{color:#666;line-height:1.6;margin-bottom:8px}.terms-footer{margin-top:32px}.upload-modal-content{padding:8px 4px}.instructions-section{margin-bottom:24px}.instructions-list{margin:8px 0 0;padding-left:20px}.instructions-list li{margin-bottom:6px;line-height:1.4}.upload-section{text-align:center}.upload-area-modal{border:2px dashed #d9d9d9;border-radius:12px;padding:40px 20px;cursor:pointer;transition:all .3s ease;background:#fafafa}.upload-area-modal:hover{border-color:#1890ff;background:#f0f8ff}.upload-icon-modal{font-size:48px;color:#1890ff;margin-bottom:16px}.upload-text{color:#666}.upload-title{font-size:18px;font-weight:600;margin-bottom:8px;color:#333}.upload-subtitle{font-size:14px;color:#999}.upload-progress{margin-top:24px;text-align:center}.upload-success{margin-top:24px;animation:bounceIn .6s ease}@keyframes bounceIn{0%{transform:scale(.3);opacity:0}50%{transform:scale(1.05);opacity:1}to{transform:scale(1);opacity:1}}.confirm-upload-btn{margin-top:16px;height:48px;font-size:16px;border-radius:8px;padding:0 32px}.modal-cancel-btn{height:40px;border-radius:6px}.modal-accept-btn{height:40px;border-radius:6px;background:linear-gradient(135deg,#667eea,#764ba2);border:none}@media (max-width: 1200px){.video-verification-component{padding:15px}.upload-grid{padding:20px}}@media (max-width: 768px){.video-verification-component{padding:10px}.steps-container{padding:0 10px;margin-bottom:30px}.content-container{padding:0 5px}.card-header{padding:20px 15px 15px}.card-header .section-title{font-size:24px!important}.terms-card .terms-content,.upload-grid{padding:20px 15px}.upload-card{padding:20px 16px;margin-bottom:16px}.file-preview{flex-direction:column;text-align:center;gap:8px}.file-details{text-align:center}.completion-section{padding:20px 15px}.progress-info{flex-direction:column;gap:8px;text-align:center}.terms-modal .ant-modal,.upload-modal .ant-modal{width:95%!important;max-width:95%}.upload-area-modal{padding:30px 15px}.upload-icon-modal{font-size:36px}.upload-title{font-size:16px}}@media (max-width: 480px){.video-verification-component{padding:5px}.custom-steps .ant-steps-item-title{font-size:14px}.card-header .section-title{font-size:20px!important}.card-header .subtitle{font-size:14px}.upload-card h3{font-size:18px}.upload-icon{font-size:36px}.submit-btn{height:48px;font-size:16px}}.terms-scroll-container::-webkit-scrollbar{width:6px}.terms-scroll-container::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.terms-scroll-container::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.terms-scroll-container::-webkit-scrollbar-thumb:hover{background:#a8a8a8}.format-specifications{margin:24px 0;padding:20px;background:#f8f9fa;border-radius:8px;border:1px solid #e9ecef}.specs-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.spec-card{background:#fff;padding:16px;border-radius:6px;border:1px solid #dee2e6}.spec-header{display:flex;align-items:center;gap:10px;margin-bottom:15px;padding-bottom:10px;border-bottom:1px solid #f1f3f5}.spec-header svg{font-size:20px;color:#1890ff}.spec-header h4{margin:0;color:#343a40}.spec-content{padding:0 5px}.spec-item{display:flex;margin-bottom:12px;align-items:flex-start}.spec-label{font-weight:500;min-width:120px;color:#495057}.spec-value{flex:1}.specs-reminder{margin-bottom:24px}.reminder-content{font-size:14px}.file-requirements{display:flex;flex-wrap:wrap;gap:4px;margin-top:8px}.file-metadata{display:flex;align-items:center;gap:8px;margin-top:4px}.file-metadata-modal{display:flex;align-items:center;gap:10px;margin-top:8px}.format-requirements{margin:15px 0}.upload-controls{margin-top:20px}.modal-file-preview{margin-top:20px;padding:16px;background:#f8f9fa;border-radius:6px;border:1px solid #e9ecef}.file-success-badge{display:flex;align-items:center;gap:8px;color:#52c41a;font-weight:500;margin-bottom:12px}.success-icon{font-size:16px}.file-details-modal{margin-bottom:16px}.modal-title{display:flex;align-items:center;gap:10px}.modal-title svg{font-size:20px;color:#1890ff}.info-icon{color:#1890ff;cursor:help;margin-left:8px;font-size:14px}.terms-file-requirements{background:#f8f9fa;padding:16px;border-radius:6px;margin:20px 0;border-left:4px solid #1890ff}.terms-file-requirements h4{margin-top:0;margin-bottom:12px;color:#343a40}.terms-file-requirements ul{margin:0;padding-left:20px}.terms-file-requirements li{margin-bottom:8px;color:#495057}@media (max-width: 768px){.specs-grid{grid-template-columns:1fr}.spec-item{flex-direction:column;gap:4px}.spec-label{min-width:auto}}.clipboard-plus-button{position:fixed;bottom:30px;right:30px;width:60px;height:60px;border-radius:50%;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 20px #0000004d;transition:all .3s ease;z-index:1;outline:none}.clipboard-plus-button:hover{transform:scale(1.1);box-shadow:0 6px 25px #0006}.clipboard-plus-button:focus{outline:2px solid #667eea;outline-offset:2px}.clipboard-manager-container{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:9999;animation:fadeIn .3s ease}.clipboard-manager-container .clipboard-manager-popup{background:#fff;border-radius:16px;width:90%;max-width:1000px;max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:0 20px 60px #0000004d;animation:slideUp .3s ease}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.clipboard-manager-container .close-popup-btn{position:absolute;top:20px;right:20px;background:#f8f9fa;border:none;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:100;transition:all .2s ease}.clipboard-manager-container .close-popup-btn:hover{background:#e9ecef;transform:rotate(90deg)}.clipboard-manager-container .close-popup-btn:focus{outline:2px solid #667eea}.clipboard-manager-container .clipboard-header{padding:24px 30px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clipboard-manager-container .clipboard-header h2{margin:0;font-size:1.5rem;font-weight:600;display:flex;align-items:center}.clipboard-manager-container .add-new-btn{background:#ffffffe6;color:#667eea;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;transition:all .3s ease}.clipboard-manager-container .add-new-btn:hover{background:#fff;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.clipboard-manager-container .add-new-btn:focus{outline:2px solid white;outline-offset:2px}.clipboard-manager-container .stats-bar{display:flex;padding:15px 30px;background:#f8f9fa;border-bottom:1px solid #e9ecef;gap:25px}.clipboard-manager-container .stat-item{display:flex;align-items:center;gap:8px;font-size:13px;color:#666}.clipboard-manager-container .stat-item svg{color:#667eea}.clipboard-manager-container .search-section{padding:20px 30px;border-bottom:1px solid #e9ecef}.clipboard-manager-container .search-container{position:relative;display:flex;align-items:center}.clipboard-manager-container .search-container svg{position:absolute;left:14px;color:#999}.clipboard-manager-container .search-input{width:100%;padding:12px 40px 12px 44px;border:2px solid #e9ecef;border-radius:10px;font-size:14px;transition:all .3s ease;background:#f8f9fa}.clipboard-manager-container .search-input:focus{outline:none;border-color:#667eea;background:#fff;box-shadow:0 0 0 3px #667eea1a}.clipboard-manager-container .clear-search{position:absolute;right:14px;background:none;border:none;color:#999;cursor:pointer;padding:4px;border-radius:4px}.clipboard-manager-container .clear-search:hover{background:#e9ecef;color:#666}.clipboard-manager-container .section-header{display:flex;align-items:center;gap:10px;margin-bottom:15px}.clipboard-manager-container .section-header h4{margin:0;font-size:16px;color:#333;font-weight:600}.clipboard-manager-container .recent-section{padding:20px 30px;border-bottom:1px solid #e9ecef}.clipboard-manager-container .recent-items{display:flex;gap:12px;overflow-x:auto;padding-bottom:10px}.clipboard-manager-container .recent-items::-webkit-scrollbar{height:6px}.clipboard-manager-container .recent-items::-webkit-scrollbar-track{background:#f1f1f1;border-radius:3px}.clipboard-manager-container .recent-items::-webkit-scrollbar-thumb{background:#c1c1c1;border-radius:3px}.clipboard-manager-container .recent-item{min-width:120px;flex-shrink:0;background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:15px;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.clipboard-manager-container .recent-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.clipboard-manager-container .recent-item-content{display:flex;flex-direction:column;gap:10px}.clipboard-manager-container .recent-image-container{position:relative;width:100%;height:80px;border-radius:8px;overflow:hidden}.clipboard-manager-container .recent-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.clipboard-manager-container .recent-item:hover .recent-image{transform:scale(1.05)}.clipboard-manager-container .image-badge{position:absolute;top:6px;right:6px;background:#000000b3;color:#fff;width:20px;height:20px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:10px}.clipboard-manager-container .recent-text{height:80px;display:flex;align-items:center;justify-content:center;background:#f8f9fa;border-radius:8px;padding:10px}.clipboard-manager-container .text-preview{font-size:12px;color:#666;text-align:center;line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.clipboard-manager-container .recent-info{display:flex;justify-content:space-between;align-items:center}.clipboard-manager-container .recent-name{font-size:13px;font-weight:600;color:#333;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-manager-container .copy-success{position:absolute;top:0;left:0;right:0;bottom:0;background:#667eeae6;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;animation:fadeInOut 2s ease}@keyframes fadeInOut{0%,to{opacity:0}50%{opacity:1}}.clipboard-manager-container .items-section{flex:1;overflow-y:auto;padding:20px 30px}.clipboard-manager-container .loading-state{text-align:center;padding:60px 20px}.clipboard-manager-container .loading-spinner{color:#667eea;font-size:14px}.clipboard-manager-container .empty-state{text-align:center;padding:60px 20px;background:#f8f9fa;border-radius:12px;margin:20px 0}.clipboard-manager-container .empty-icon{font-size:48px;margin-bottom:15px;opacity:.5}.clipboard-manager-container .empty-state h5{margin:0 0 10px;color:#333;font-size:18px}.clipboard-manager-container .empty-state p{color:#666;margin:0 0 20px;font-size:14px}.clipboard-manager-container .add-first-btn{background:#667eea;color:#fff;border:none;padding:10px 20px;border-radius:8px;cursor:pointer;display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;margin:0 auto;transition:all .3s ease}.clipboard-manager-container .add-first-btn:hover{background:#5a6fd8;transform:translateY(-1px)}.clipboard-manager-container .items-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px;padding:10px 0}.clipboard-manager-container .clipboard-item{background:#fff;border:1px solid #e9ecef;border-radius:12px;padding:20px;cursor:pointer;transition:all .3s ease;display:flex;flex-direction:column;gap:15px;position:relative;overflow:hidden}.clipboard-manager-container .clipboard-item:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#667eea}.clipboard-manager-container .clipboard-item.favorite{border-color:gold;background:linear-gradient(45deg,#fffdf6,#fff8e1)}.clipboard-manager-container .item-header{display:flex;justify-content:space-between;align-items:flex-start;gap:10px}.clipboard-manager-container .item-title{flex:1;min-width:0;display:flex;align-items:center;gap:8px}.clipboard-manager-container .item-title h5{margin:0;font-size:16px;color:#333;font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.clipboard-manager-container .favorite-icon{flex-shrink:0}.clipboard-manager-container .item-actions{display:flex;gap:6px;flex-shrink:0}.clipboard-manager-container .action-btn{width:32px;height:32px;border:none;background:#f8f9fa;border-radius:6px;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.clipboard-manager-container .action-btn:hover{background:#e9ecef;transform:scale(1.1)}.clipboard-manager-container .action-btn.delete:hover{background:#dc3545;color:#fff}.clipboard-manager-container .action-btn:focus{outline:2px solid #667eea;outline-offset:1px}.clipboard-manager-container .item-content{flex:1;min-height:80px}.clipboard-manager-container .image-preview{position:relative;width:100%;height:150px;border-radius:8px;overflow:hidden}.clipboard-manager-container .item-image{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.clipboard-manager-container .clipboard-item:hover .item-image{transform:scale(1.05)}.clipboard-manager-container .image-overlay{position:absolute;top:10px;right:10px;background:#000000b3;color:#fff;padding:4px 8px;border-radius:4px;display:flex;align-items:center;gap:4px;font-size:11px}.clipboard-manager-container .text-content{font-size:14px;color:#666;line-height:1.5;overflow:hidden;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;background:#f8f9fa;padding:12px;border-radius:8px}.clipboard-manager-container .item-tags{display:flex;flex-wrap:wrap;gap:6px}.clipboard-manager-container .tag{background:#e9ecef;color:#666;padding:4px 8px;border-radius:12px;font-size:11px;display:flex;align-items:center;gap:4px;transition:all .2s ease}.clipboard-manager-container .clipboard-item:hover .tag{background:#667eea;color:#fff}.clipboard-manager-container .tag-more{background:#f8f9fa;color:#999;padding:4px 8px;border-radius:12px;font-size:11px;font-style:italic}.clipboard-manager-container .item-footer{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#999;border-top:1px solid #f1f1f1;padding-top:12px}.clipboard-manager-container .item-meta{display:flex;gap:12px}.clipboard-manager-container .meta-item{display:flex;align-items:center;gap:4px}.clipboard-manager-container .copy-success-indicator{background:#28a745;color:#fff;padding:4px 8px;border-radius:12px;display:flex;align-items:center;gap:4px;font-size:10px;animation:fadeInOut 2s ease}.clipboard-manager-container .modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:10000;animation:fadeIn .3s ease}.clipboard-manager-container .modal{background:#fff;border-radius:16px;width:90%;max-width:500px;max-height:90vh;overflow-y:auto;animation:slideUp .3s ease;box-shadow:0 20px 60px #0000004d}.clipboard-manager-container .modal-header{padding:24px 30px 20px;border-bottom:1px solid #e9ecef;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.clipboard-manager-container .modal-header h3{margin:0;font-size:1.3rem;font-weight:600}.clipboard-manager-container .modal-body{padding:30px}.clipboard-manager-container .form-group{margin-bottom:20px}.clipboard-manager-container .form-group label{display:block;margin-bottom:8px;font-weight:600;color:#333;font-size:14px}.clipboard-manager-container.form-input,.clipboard-manager-container .form-textarea,.clipboard-manager-container.tag-input-field{width:100%;padding:12px 16px;border:2px solid #e9ecef;border-radius:8px;font-size:14px;transition:all .3s ease;font-family:inherit}.clipboard-manager-container .form-input:focus,.clipboard-manager-container .form-textarea:focus,.clipboard-manager-container .tag-input-field:focus{outline:none;border-color:#667eea;box-shadow:0 0 0 3px #667eea1a}.clipboard-manager-container .form-textarea{resize:vertical;min-height:100px}.clipboard-manager-container .image-preview-modal{text-align:center}.clipboard-manager-container .modal-image-preview{max-width:100%;max-height:200px;border-radius:8px;margin-bottom:15px;border:2px solid #e9ecef}.clipboard-manager-container .image-actions{display:flex;gap:10px;justify-content:center}.clipboard-manager-container .form-actions{margin-bottom:20px}.clipboard-manager-container .action-buttons{display:flex;flex-wrap:wrap;gap:10px}.clipboard-manager-container .action-buttons .action-btn{flex:1;min-width:120px;padding:10px 16px;background:#f8f9fa;border:2px solid #e9ecef;border-radius:8px;cursor:pointer;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;transition:all .3s ease}.clipboard-manager-container .action-buttons .action-btn:hover{background:#667eea;color:#fff;border-color:#667eea;transform:translateY(-1px)}.clipboard-manager-container .tags-input-container{border:2px solid #e9ecef;border-radius:8px;padding:12px}.clipboard-manager-container .tags-list{display:flex;flex-wrap:wrap;gap:6px;margin-bottom:12px;min-height:32px}.clipboard-manager-container .tag-input{background:#667eea;color:#fff;padding:6px 10px;border-radius:16px;font-size:12px;display:flex;align-items:center;gap:6px}.clipboard-manager-container .tag-remove{background:#fff3;color:#fff;border:none;width:16px;height:16px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:12px;padding:0;transition:all .2s ease}.clipboard-manager-container .tag-remove:hover{background:#ffffff4d}.clipboard-manager-container .tag-add{display:flex;gap:10px}.clipboard-manager-container .tag-input-field{flex:1;border:none;padding:8px 12px;background:#f8f9fa}.clipboard-manager-container .tag-add-btn{background:#667eea;color:#fff;border:none;padding:8px 16px;border-radius:6px;cursor:pointer;font-size:13px;font-weight:600;transition:all .3s ease}.clipboard-manager-container.tag-add-btn:hover:not(:disabled){background:#5a6fd8}.clipboard-manager-container .tag-add-btn:disabled{background:#ccc;cursor:not-allowed}.clipboard-manager-container .form-checkbox{display:flex;align-items:center;gap:10px;padding:12px;background:#f8f9fa;border-radius:8px}.clipboard-manager-container .form-checkbox label{display:flex;align-items:center;gap:10px;cursor:pointer;margin:0;color:#333;font-size:14px;font-weight:600}.clipboard-manager-container .form-checkbox input[type=checkbox]{width:18px;height:18px;cursor:pointer}.clipboard-manager-container .modal-footer{padding:20px 30px;border-top:1px solid #e9ecef;display:flex;justify-content:flex-end;gap:15px}.clipboard-manager-container .btn{padding:12px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;border:2px solid transparent;min-width:100px;justify-content:center}.clipboard-manager-container .btn.primary{background:#667eea;color:#fff;border-color:#667eea}.clipboard-manager-container .btn.primary:hover:not(:disabled){background:#5a6fd8;transform:translateY(-1px);box-shadow:0 4px 12px #667eea4d}.clipboard-manager-container .btn.primary:disabled{background:#ccc;border-color:#ccc;cursor:not-allowed;transform:none;box-shadow:none}.clipboard-manager-container .btn.secondary{background:#fff;color:#667eea;border-color:#667eea}.clipboard-manager-container .btn.secondary:hover{background:#f8f9fa}.clipboard-manager-container .btn.danger{background:#dc3545;color:#fff;border-color:#dc3545}.clipboard-manager-container .btn.danger:hover{background:#c82333}@media (max-width: 768px){.clipboard-manager-popup{width:95%;height:95vh;margin:10px}.clipboard-manager-container .items-grid{grid-template-columns:1fr}.clipboard-manager-container .action-buttons{flex-direction:column}.clipboard-manager-container .action-buttons .action-btn{min-width:100%}.clipboard-manager-container .recent-items{flex-wrap:wrap}.clipboard-manager-container .recent-item{min-width:calc(50% - 6px)}.clipboard-manager-container .modal{width:95%;margin:10px}.clipboard-plus-button{bottom:20px;right:20px;width:50px;height:50px}}@media (max-width: 480px){.clipboard-manager-container .clipboard-header,.clipboard-manager-container .modal-header{padding:20px}.clipboard-manager-container .modal-body,.clipboard-manager-container .items-section,.clipboard-manager-container .recent-section,.search-section{padding:15px}.clipboard-manager-container .recent-item{min-width:100%}.clipboard-manager-container .stats-bar{padding:12px 15px;flex-direction:column;gap:10px}.clipboard-manager-container .modal-footer{flex-direction:column}.clipboard-manager-container .modal-footer .btn{width:100%}}.our-partners-container .navBar{position:fixed;top:0;width:100%;background:#fff;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;transition:all .3s ease;border-bottom:1px solid rgba(229,231,235,.8);padding:.75rem 0;height:70px;display:flex;align-items:center}.our-partners-container .navBar.scrolled{box-shadow:0 4px 20px #00000014}.our-partners-container .nav-container{max-width:1400px;margin:0 auto;padding:0 1.5rem;display:flex;align-items:center;justify-content:space-between;width:100%;mix-blend-mode:multiply!important}.our-partners-container .nav-logo{display:flex;align-items:center}.our-partners-container .nav-logo img{height:70px;transition:transform .3s ease}.our-partners-container .nav-logo:hover img{transform:scale(1.05)}.our-partners-container .mobile-toggle{display:none;flex-direction:column;cursor:pointer;padding:8px;z-index:1002}.our-partners-container .mobile-toggle span{width:25px;height:2px;background:#4b5563;margin:3px 0;transition:.3s;border-radius:2px}.our-partners-container .mobile-toggle.active span:nth-child(1){transform:rotate(-45deg) translate(-5px,6px)}.our-partners-container .mobile-toggle.active span:nth-child(2){opacity:0}.our-partners-container .mobile-toggle.active span:nth-child(3){transform:rotate(45deg) translate(-5px,-6px)}.our-partners-container .dropdown{display:flex;align-items:center;gap:1.5rem;position:relative}.our-partners-container .drop-down-item{position:relative}.our-partners-container .drop-btn{padding:.75rem 1rem;cursor:pointer;color:#333;font-weight:500;font-size:.95rem;transition:color .3s ease;display:inline-flex;align-items:center;gap:4px;border-radius:4px;position:relative;z-index:1001}.our-partners-container .drop-btn:hover{color:#2563eb;background:#2563eb0d}.our-partners-container .mobile-arrow{font-size:.8rem;margin-left:4px;display:none;transition:transform .3s ease}.our-partners-container .mega-drop-menu{position:absolute;top:100%;left:0;width:800px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:2rem;display:flex;gap:2rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;border:1px solid #e5e7eb;pointer-events:none}.our-partners-container .mega-drop-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.our-partners-container .mega-drop-left{flex:0 0 200px;border-right:1px solid #e5e7eb;padding-right:2rem}.our-partners-container .mega-drop-right{flex:1}.our-partners-container .sub-category{padding:.75rem 1rem;cursor:pointer;border-radius:6px;margin-bottom:.5rem;transition:background .3s ease;position:relative}.our-partners-container .sub-category:hover,.our-partners-container .sub-category.active{background:#2563eb0d}.our-partners-container .sub-category-header{display:flex;align-items:center;gap:.75rem}.our-partners-container .category-icon{font-size:1.2rem;width:24px;text-align:center}.our-partners-container .category-title{font-weight:500;color:#333;flex:1}.our-partners-container .sub-arrow{color:#9ca3af;font-size:.8rem;transition:transform .3s ease}.our-partners-container .sub-category.active .sub-arrow{transform:rotate(90deg);color:#2563eb}.our-partners-container .cards-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.our-partners-container .service-card{background:#fff;border:1px solid #e5e7eb;border-radius:8px;padding:1.25rem;cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.our-partners-container .service-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px #0000001a;border-color:#2563eb}.our-partners-container .service-card h4{margin:0 0 .5rem;color:#111827;font-size:.95rem;font-weight:600}.our-partners-container .service-card p{margin:0;color:#6b7280;font-size:.85rem;line-height:1.4}.our-partners-container .card-icon{font-size:1.5rem;margin-bottom:.75rem}.our-partners-container .card-hover-effect{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,#2563eb,#3b82f6);transform:translate(-100%);transition:transform .3s ease}.our-partners-container .service-card:hover .card-hover-effect{transform:translate(0)}.our-partners-container .dev-drop-menu{position:absolute;top:100%;left:0;width:600px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:1.5rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;border:1px solid #e5e7eb;pointer-events:none}.our-partners-container .dev-drop-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.our-partners-container .dev-menu-columns{display:flex;gap:2rem}.our-partners-container .dev-menu-col{flex:1}.our-partners-container .dev-main-item{padding:.75rem 1rem;font-weight:600;color:#111827;border-bottom:2px solid #2563eb;margin-bottom:1rem;cursor:pointer;transition:color .3s ease}.our-partners-container .dev-main-item:hover{color:#2563eb}.our-partners-container .dev-sub-cards{display:flex;flex-direction:column;gap:.75rem}.our-partners-container .dev-service-card{padding:.75rem;background:#f9fafb;border-radius:6px;border-left:3px solid #2563eb;cursor:pointer;transition:all .3s ease;display:flex;align-items:flex-start;gap:.75rem}.our-partners-container .dev-service-card:hover{background:#fff;box-shadow:0 4px 12px #0000000d;transform:translate(5px)}.our-partners-container .dev-card-icon{font-size:1rem;margin-top:.25rem;width:20px;text-align:center}.our-partners-container .dev-service-card h5{margin:0 0 .25rem;color:#111827;font-size:.85rem;font-weight:600}.our-partners-container .dev-service-card p{margin:0;color:#6b7280;font-size:.75rem;line-height:1.4}.our-partners-container .cards-drop-menu{position:absolute;top:100%;left:0;width:600px;background:#fff;border-radius:12px;box-shadow:0 10px 40px #0000001a;padding:1.5rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;border:1px solid #e5e7eb;pointer-events:none}.our-partners-container .cards-drop-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.our-partners-container .simple-drop-menu{position:absolute;top:100%;left:0;width:200px;background:#fff;border-radius:8px;box-shadow:0 10px 25px #0000001a;padding:.5rem;z-index:1000;opacity:0;visibility:hidden;transform:translateY(10px);transition:all .3s ease;border:1px solid #e5e7eb;pointer-events:none}.our-partners-container .simple-drop-menu.active{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.our-partners-container .menu-item{padding:.75rem 1rem;cursor:pointer;border-radius:4px;transition:background .3s ease;display:flex;align-items:center;gap:.75rem;color:#333;font-weight:500;font-size:.9rem}.our-partners-container .menu-item:hover{background:#2563eb0d;color:#2563eb}.our-partners-container .item-icon{font-size:1rem;width:20px;text-align:center}.our-partners-container .blog-link{padding:.75rem 1rem;cursor:pointer;color:#333;font-weight:500;transition:color .3s ease;display:inline-block;text-decoration:none}.our-partners-container .blog-link:hover{color:#2563eb}.our-partners-container .buttons{display:flex;gap:.75rem;margin-left:1rem}.our-partners-container .btn{padding:.6rem 1.5rem;border-radius:6px;border:1px solid #2563eb;background:#fff;color:#2563eb;font-weight:500;cursor:pointer;transition:all .3s ease;font-size:.9rem;text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.our-partners-container .btn:hover{background:#2563eb;color:#fff;transform:translateY(-1px)}.our-partners-container .btn-primary{background:#2563eb;color:#fff}.our-partners-container .btn-primary:hover{background:#1d4ed8;box-shadow:0 4px 12px #2563eb4d}@media (max-width: 768px){.our-partners-container .nav-container{padding:0 1rem}.our-partners-container .mobile-toggle{display:flex}.our-partners-container .dropdown{position:fixed;top:70px;left:0;right:0;background:#fff;flex-direction:column;padding:1rem;box-shadow:0 10px 30px #0000001a;opacity:0;visibility:hidden;transform:translateY(-20px);transition:all .3s ease;gap:0;max-height:calc(100vh - 70px);overflow-y:auto;z-index:999;border-top:1px solid #e5e7eb}.our-partners-container .dropdown.active{opacity:1;visibility:visible;transform:translateY(0)}.our-partners-container .drop-down-item{width:100%;margin-bottom:0}.our-partners-container .drop-btn{width:100%;justify-content:space-between;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;margin-bottom:.5rem;font-size:1rem}.our-partners-container .mobile-arrow{display:inline-block}.our-partners-container .mega-drop-menu,.our-partners-container .dev-drop-menu,.our-partners-container .cards-drop-menu,.our-partners-container .simple-drop-menu{display:none!important}.our-partners-container .mega-drop-menu.active,.our-partners-container .dev-drop-menu.active,.our-partners-container .cards-drop-menu.active,.our-partners-container .simple-drop-menu.active{display:block!important;position:static;width:100%;box-shadow:none;border:none;padding:.5rem 0 .5rem 1rem;margin:.5rem 0;background:#f8fafc;border-radius:8px;opacity:1;visibility:visible;transform:none;pointer-events:auto;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;max-height:0}to{opacity:1;max-height:500px}}.our-partners-container .mega-drop-menu.active{padding:1rem;display:flex!important;flex-direction:column;gap:1rem}.our-partners-container .mega-drop-left{flex:none;border-right:none;border-bottom:1px solid #e5e7eb;padding-right:0;padding-bottom:1rem;margin-bottom:1rem}.our-partners-container .mega-drop-right{width:100%}.our-partners-container .cards-grid{grid-template-columns:1fr;gap:.75rem}.our-partners-container .dev-menu-columns{flex-direction:column;gap:1rem}.our-partners-container .simple-drop-menu.active{padding:.5rem}.our-partners-container .menu-item{padding:.75rem;margin-bottom:.25rem;font-size:.95rem}.our-partners-container .blog-link{width:100%;padding:1rem;border-bottom:1px solid #e5e7eb;background:#f9fafb;border-radius:6px;margin-bottom:.5rem;text-align:left;display:block}.our-partners-container .buttons{margin-left:0;width:100%;justify-content:center;flex-direction:column;gap:.75rem;margin-top:1rem;padding-top:1rem;border-top:1px solid #e5e7eb}.our-partners-container .btn{width:100%;justify-content:center;padding:.75rem 1.5rem;font-size:1rem}}@media (min-width: 769px) and (max-width: 1024px){.our-partners-container .nav-container{padding:0 1.5rem}.our-partners-container .dropdown{gap:1rem}.our-partners-container .mega-drop-menu{width:700px}.our-partners-container .dev-drop-menu,.our-partners-container .cards-drop-menu{width:500px}.our-partners-container .drop-btn{padding:.75rem;font-size:.9rem}}@media (min-width: 769px){.our-partners-container .drop-down-item:hover .mega-drop-menu,.our-partners-container .drop-down-item:hover .dev-drop-menu,.our-partners-container .drop-down-item:hover .cards-drop-menu,.our-partners-container .drop-down-item:hover .simple-drop-menu{opacity:1;visibility:visible;transform:translateY(0);pointer-events:auto}.our-partners-container .mega-drop-menu .sub-category:hover~.cards-grid{display:grid}}.our-partners-container #home{min-height:100vh;display:flex;align-items:center;background:linear-gradient(135deg,#f8fafc,#f1f5f9);padding:120px 1rem 4rem;position:relative;overflow:hidden}.our-partners-container #home:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:url('data:image/svg+xml,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320"><path fill="%232563eb" fill-opacity="0.05" d="M0,128L48,138.7C96,149,192,171,288,170.7C384,171,480,149,576,138.7C672,128,768,128,864,144C960,160,1056,192,1152,192C1248,192,1344,160,1392,144L1440,128L1440,320L1392,320C1344,320,1248,320,1152,320C1056,320,960,320,864,320C768,320,672,320,576,320C480,320,384,320,288,320C192,320,96,320,48,320L0,320Z"></path></svg>') no-repeat bottom/contain}.our-partners-container .home-content{max-width:1280px;margin:0 auto;width:100%;position:relative;z-index:1;padding:1rem}.our-partners-container .home-badge{display:inline-block;background:linear-gradient(135deg,#dbeafe,#93c5fd);color:#1e40af;padding:.5rem 1.5rem;border-radius:50px;font-size:.9rem;font-weight:500;margin-bottom:2rem}.our-partners-container .home-title{font-size:clamp(2.5rem,5vw,4rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;background:linear-gradient(135deg,#1e293b,#374151);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.our-partners-container .home-description{font-size:clamp(1rem,2vw,1.125rem);color:#4b5563;max-width:600px;margin-bottom:3rem;line-height:1.8}.our-partners-container .home-actions{display:flex;gap:1rem;flex-wrap:wrap}.our-partners-container .btn-primary,.our-partners-container .btn-secondary{padding:1rem 2rem;border-radius:10px;font-weight:500;cursor:pointer;transition:all .3s ease;border:none;font-size:1rem;display:inline-flex;align-items:center;gap:.5rem;text-decoration:none}.our-partners-container .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 15px #2563eb4d}.our-partners-container .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66}.our-partners-container .btn-secondary{background:#fff;color:#2563eb;border:2px solid #2563eb}.our-partners-container .btn-secondary:hover{background:#2563eb;color:#fff;transform:translateY(-2px)}.our-partners-container #about{padding:clamp(3rem,8vw,6rem) 1rem;background:#fff}.our-partners-container .about{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.our-partners-container .about{grid-template-columns:1fr 1fr;gap:4rem}}.our-partners-container .text-content h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.3;margin-bottom:1.5rem}.our-partners-container .text-content h1 span{color:#2563eb;display:block}.our-partners-container .text-content p{font-size:clamp(1rem,1.5vw,1.125rem);color:#4b5563;margin-bottom:3rem;line-height:1.8}.our-partners-container .features{display:grid;grid-template-columns:1fr;gap:1.5rem}@media (min-width: 640px){.our-partners-container .features{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.our-partners-container .features{grid-template-columns:repeat(3,1fr)}}.our-partners-container .features>div{background:#f8fafc;padding:1.5rem;border-radius:12px;border:1px solid #e5e7eb;transition:all .3s ease}.our-partners-container .features>div:hover{transform:translateY(-5px);box-shadow:0 10px 25px #0000001a;border-color:#2563eb}.our-partners-container .features>div>div{font-size:2rem;margin-bottom:1rem}.our-partners-container .features h3{font-size:1.125rem;font-weight:600;color:#1f2937}.our-partners-container .image-section{position:relative;width:100%}.our-partners-container .image-section img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000001a}.our-partners-container #connection{padding:clamp(3rem,8vw,6rem) 1rem;background:linear-gradient(135deg,#f0f9ff,#e0f2fe)}.our-partners-container .connection{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:1fr;gap:3rem;align-items:center}@media (min-width: 768px){.our-partners-container .connection{grid-template-columns:1fr 1fr;gap:4rem}}.our-partners-container .connectimg{width:100%}.our-partners-container .connectimg img{width:100%;height:auto;border-radius:20px;box-shadow:0 20px 40px #0000001a}.our-partners-container .connectText h1{font-size:clamp(1.75rem,4vw,3rem);font-weight:700;line-height:1.3;margin-bottom:1.5rem;color:#1e293b}.our-partners-container .connectText p{font-size:clamp(1rem,1.5vw,1.125rem);color:#475569;margin-bottom:2rem;line-height:1.8}.our-partners-container .feature-list{display:flex;flex-direction:column;gap:1rem}.our-partners-container .feature-item{display:flex;align-items:center;gap:1rem;padding:1rem;background:#fff;border-radius:10px;border:1px solid #e2e8f0;transition:all .3s ease}.our-partners-container .feature-item:hover{transform:translate(10px);border-color:#2563eb}.our-partners-container .feature-icon{font-size:1.5rem;background:#dbeafe;padding:.5rem;border-radius:8px}.our-partners-container .dev-section{padding:clamp(3rem,8vw,6rem) 1rem;background:#fff;position:relative;width:100%;overflow:visible}.our-partners-container .dev-container{max-width:1280px;margin:0 auto;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:clamp(2rem,5vw,4rem);flex-direction:column}@media (min-width: 768px){.our-partners-container .dev-container{flex-direction:row}}.our-partners-container .dev-image{flex:1;min-width:min(100%,300px);max-width:min(100%,600px);border-radius:20px;overflow:hidden;box-shadow:0 20px 40px #0000001a;transition:all .3s ease;height:clamp(300px,50vw,500px);background:#f8fafc;display:flex;align-items:center;justify-content:center}.our-partners-container .dev-image img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform .5s ease}.our-partners-container .dev-image:hover{transform:translateY(-5px);box-shadow:0 25px 50px #00000026}.our-partners-container .dev-image:hover img{transform:scale(1.05)}.our-partners-container .dev-content{flex:1;min-width:min(100%,300px);max-width:min(100%,600px);padding:0;margin:0}.our-partners-container .dev-content .section-badge{display:inline-block;background:linear-gradient(135deg,#fef3c7,#fde68a);color:#92400e;padding:.5rem 1.5rem;border-radius:50px;font-size:.875rem;font-weight:500;margin-bottom:1rem;letter-spacing:.5px;border:1px solid rgba(245,158,11,.2)}.our-partners-container .dev-heading{font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;line-height:1.2;margin-bottom:1.5rem;color:#111827;background:linear-gradient(135deg,#2563eb,#1d4ed8);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.our-partners-container .dev-description{font-size:clamp(1rem,1.5vw,1.125rem);color:#4b5563;margin-bottom:2.5rem;line-height:1.7;max-width:100%}.our-partners-container .dev-buttons{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.our-partners-container .dev-buttons .btn-primary,.our-partners-container .dev-buttons .btn-secondary{padding:.875rem clamp(1rem,3vw,2rem);font-size:1rem;border-radius:10px;font-weight:500;transition:all .3s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:2px solid transparent;min-width:180px;justify-content:center;text-decoration:none;flex:1;min-width:150px}@media (max-width: 480px){.our-partners-container .dev-buttons .btn-primary,.our-partners-container .dev-buttons .btn-secondary{width:100%}}.our-partners-container .dev-buttons .btn-primary{background:linear-gradient(135deg,#2563eb,#1d4ed8);color:#fff;box-shadow:0 4px 15px #2563eb4d}.our-partners-container .dev-buttons .btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2563eb66;background:linear-gradient(135deg,#1d4ed8,#2563eb)}.our-partners-container .dev-buttons .btn-secondary{background:#fff;color:#2563eb;border-color:#2563eb}.our-partners-container .dev-buttons .btn-secondary:hover{background:#f8fafc;transform:translateY(-2px);box-shadow:0 8px 25px #2563eb26}.our-partners-container .languages-section{margin:3rem 0 0;padding:clamp(1rem,3vw,2rem);background:linear-gradient(135deg,#f8fafc,#f1f5f9);border-radius:16px;border:1px solid #e5e7eb;width:100%;overflow:hidden}.our-partners-container .languages-section h3{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:600;margin-bottom:1.5rem;color:#111827;text-align:center}.our-partners-container .languages-container{overflow:hidden;position:relative;padding:1rem 0;width:100%}.our-partners-container .languages-track{display:flex;gap:1rem;animation:scrollTech 30s linear infinite;padding:1rem;width:max-content}.our-partners-container .language-item{padding:.75rem 1.5rem;background:#fff;border-radius:12px;font-size:clamp(.85rem,1vw,.95rem);font-weight:500;color:#374151;white-space:nowrap;border:1px solid #e5e7eb;transition:all .3s ease;display:flex;align-items:center;gap:.5rem;box-shadow:0 2px 4px #0000000d;flex-shrink:0}.our-partners-container .language-item:hover{background:#2563eb;color:#fff;transform:translateY(-2px);box-shadow:0 8px 16px #2563eb33;border-color:#2563eb}.our-partners-container .language-item .tech-icon{font-size:1.2rem;opacity:.9}@keyframes scrollTech{0%{transform:translate(0)}to{transform:translate(calc(-50% - 1rem))}}.our-partners-container .languages-container:hover .languages-track{animation-play-state:paused}@media (max-width: 640px){.our-partners-container .languages-track{animation:none;flex-wrap:wrap;justify-content:center;width:100%;gap:.5rem}.our-partners-container .language-item{flex:1 0 calc(50% - .5rem);min-width:120px;justify-content:center;padding:.75rem 1rem;font-size:.85rem;text-align:center}}.our-partners-container .main-footer{background:linear-gradient(135deg,#1e293b,#0f172a);color:#cbd5e1;padding:clamp(2rem,5vw,4rem) 1rem clamp(1rem,3vw,2rem)}.our-partners-container .footer-container{max-width:1280px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:clamp(1.5rem,3vw,3rem);margin-bottom:3rem}.our-partners-container .footer-company-name{font-size:clamp(1.25rem,2vw,1.5rem);font-weight:700;color:#fff;margin-bottom:1rem}.our-partners-container .footer-tagline{font-size:clamp(.9rem,1.2vw,1rem);color:#94a3b8;margin-bottom:1.5rem;line-height:1.6}.our-partners-container .footer-contact-details{display:flex;flex-direction:column;gap:.75rem}.our-partners-container .footer-contact-details p{color:#cbd5e1;font-size:clamp(.85rem,1vw,.95rem);line-height:1.6}.our-partners-container .footer-links-title{color:#fff;font-size:clamp(1rem,1.2vw,1.125rem);font-weight:600;margin-bottom:1.5rem}.our-partners-container .footer-links-list{display:flex;flex-direction:column;gap:.75rem}.our-partners-container .footer-link-item{color:#cbd5e1;text-decoration:none;font-size:clamp(.85rem,1vw,.95rem);transition:color .3s ease;position:relative;padding-left:1rem;line-height:1.6}.our-partners-container .footer-link-item:before{content:"→";position:absolute;left:0;opacity:0;transition:all .3s ease}.our-partners-container .footer-link-item:hover{color:#60a5fa;padding-left:1.5rem}.our-partners-container .footer-link-item:hover:before{opacity:1;left:0}.our-partners-container .footer-copyright{border-top:1px solid #334155;padding-top:2rem;text-align:center}.our-partners-container .copyright-text{color:#94a3b8;font-size:clamp(.8rem,1vw,.9rem)}@media (max-width: 768px) and (min-width: 481px){.our-partners-container .home-title{font-size:2.75rem}.our-partners-container .dev-image{height:350px}.our-partners-container .features{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.our-partners-container .nav-logo img{height:40px}.our-partners-container .home-title{font-size:2rem}.our-partners-container .home-actions{flex-direction:column}.our-partners-container .btn-primary,.our-partners-container .btn-secondary{width:100%;justify-content:center}.our-partners-container .dev-image{height:280px}.our-partners-container .dev-buttons{flex-direction:column}.our-partners-container .footer-container{grid-template-columns:1fr}}@media (max-width: 430px) and (min-height: 900px){.our-partners-container #home{min-height:90vh;padding:100px 1rem 3rem}.our-partners-container .home-title{font-size:2.25rem}.our-partners-container .dev-image{height:250px}}@media (max-width: 375px) and (max-height: 667px){.our-partners-container .navBar{height:60px;padding:.5rem 0}.our-partners-container .nav-logo img{height:35px}.our-partners-container .home-title{font-size:1.75rem}.our-partners-container .dev-section{padding:2rem .75rem}.our-partners-container .dev-image{height:220px}.our-partners-container .language-item{flex:1 0 100%;text-align:center;justify-content:center}}@media (max-height: 600px) and (orientation: landscape){.our-partners-container .navBar{height:60px}.our-partners-container .dropdown.active{max-height:calc(100vh - 60px)}.our-partners-container #home{min-height:auto;padding:80px 1rem 2rem}.our-partners-container .home-title{font-size:2rem}}.our-partners-container html{scroll-behavior:smooth}.our-partners-container img{opacity:0;animation:fadeIn .5s ease forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.our-partners-container .features>div,.our-partners-container .feature-item,.our-partners-container .language-item{will-change:transform}.our-partners-container button:focus,.our-partners-container a:focus{outline:2px solid #2563eb;outline-offset:2px}@media print{.our-partners-container .buttons,.our-partners-container .home-actions,.our-partners-container .dev-buttons{display:none}.our-partners-container #home{min-height:auto;padding:2rem}}.errorPage{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f5f5f5;padding:20px;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.errorPage_wrapper{background:#fff;border-radius:12px;box-shadow:0 4px 20px #00000014;padding:40px;max-width:500px;width:100%;text-align:center}.errorPage_illustration{margin-bottom:24px}.errorPage_illustration svg{width:120px;height:120px}.errorPage_title{font-size:2.5rem;color:#ff4d4f;margin-bottom:8px;font-weight:700}.errorPage_subtitle{font-size:1.25rem;color:#595959;margin-bottom:24px}.errorPage_message{background:#fff2f0;border:1px solid #ffccc7;border-radius:8px;padding:16px;margin-bottom:32px}.errorPage_message p{margin:0;color:#595959}.errorPage_message i{font-style:normal}.errorPage_message strong{color:#ff4d4f}.errorPage_actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.errorPage_button{padding:12px 24px;border-radius:6px;font-weight:500;font-size:1rem;cursor:pointer;transition:all .2s ease;text-decoration:none;display:inline-block}.errorPage_button--primary{background-color:#ff4d4f;color:#fff;border:none}.errorPage_button--primary:hover{background-color:#ff7875;transform:translateY(-1px)}.errorPage_button--secondary{background-color:#fff;color:#ff4d4f;border:1px solid #ff4d4f}.errorPage_button--secondary:hover{background-color:#fff2f0;transform:translateY(-1px)}@media (max-width: 480px){.errorPage_wrapper{padding:24px}.errorPage_actions{flex-direction:column;gap:12px}.errorPage_button{width:100%}}#preloader{position:fixed;top:0;left:0;width:100%;height:100%;z-index:99999;background-color:#ffffffb3;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}#loader{display:block;position:relative;left:50%;top:50%;width:150px;height:150px;margin:-75px 0 0 -75px;border-radius:50%;border:3px solid transparent;border-top-color:#9370db;-webkit-animation:spin 2s linear infinite;animation:spin 2s linear infinite}#loader:before{content:"";position:absolute;top:5px;left:5px;right:5px;bottom:5px;border-radius:50%;border:3px solid transparent;border-top-color:#ba55d3;-webkit-animation:spin 3s linear infinite;animation:spin 3s linear infinite}#loader:after{content:"";position:absolute;top:15px;left:15px;right:15px;bottom:15px;border-radius:50%;border:3px solid transparent;border-top-color:#f0f;-webkit-animation:spin 1.5s linear infinite;animation:spin 1.5s linear infinite}@-webkit-keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes spin{0%{-webkit-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0)}to{-webkit-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}}.expense-cards-container{min-height:100vh;background:linear-gradient(135deg,#f5f7fa,#c3cfe2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;margin-top:4rem;overflow-x:hidden}.hero-section{display:grid;grid-template-columns:1fr 1fr;gap:4rem;padding:4rem 2rem;max-width:1200px;margin:0 auto;align-items:center}.hero-content{display:flex;flex-direction:column;align-items:flex-start}.hero-badge{margin-bottom:1.5rem;align-self:flex-start}.badge{display:inline-block;padding:.5rem 1rem;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.9rem;font-weight:600}.hero-title{font-size:3.2rem;font-weight:800;line-height:1.2;margin-bottom:1.5rem;color:#1a202c;text-align:left;width:100%}.highlight{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-description{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:2rem;max-width:100%;text-align:left}.hero-actions{display:flex;gap:1rem;margin-bottom:3rem;flex-wrap:wrap}.hero-btn-primary,.hero-btn-secondary{padding:1rem 2rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;white-space:nowrap}.hero-btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;align-items:center;gap:.5rem}.hero-btn-primary:hover{transform:translateY(-3px);box-shadow:0 10px 25px #667eea66}.hero-btn-secondary{background:#fff;color:#667eea;border:2px solid #667eea}.hero-btn-secondary:hover{background:#667eea;color:#fff}.stats-section{display:flex;gap:3rem;flex-wrap:wrap;justify-content:flex-start}.stat-item{text-align:center;min-width:120px}.stat-number{font-size:2rem;font-weight:700;color:#1a202c;margin-bottom:.5rem}.stat-label{font-size:.9rem;color:#718096}.hero-card{perspective:1000px;display:flex;justify-content:center}.card-visual{background:linear-gradient(135deg,#2c68d7,#02112b);padding:2rem;border-radius:20px;color:#fff;transform-style:preserve-3d;animation:float 6s ease-in-out infinite;box-shadow:0 20px 40px #0000004d;width:100%;max-width:400px;min-width:350px}@keyframes float{0%,to{transform:translateY(0) rotateY(0)}50%{transform:translateY(-20px) rotateY(5deg)}}.card-chip{width:50px;height:40px;background:linear-gradient(135deg,gold,#ffed4e);border-radius:5px;margin-bottom:2rem}.card-logo{font-size:1.2rem;font-weight:700;color:#fff;margin-bottom:1.5rem}.card-number{font-size:1.5rem;letter-spacing:2px;margin-bottom:1.5rem;font-family:Courier New,monospace;word-break:break-all}.card-details{display:flex;justify-content:space-between;margin-bottom:1rem;font-size:.9rem;opacity:.9;flex-wrap:wrap;gap:1rem}.card-holder{flex:1;min-width:200px}.card-type{font-size:.8rem;color:#a0aec0;text-transform:uppercase;letter-spacing:1px}.testimonials-section{padding:5rem 2rem;background:#fff}.section-title{text-align:center;font-size:2.5rem;font-weight:800;margin-bottom:1.5rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;max-width:1200px;margin:3rem auto 0}.testimonial-card{background:#f8f9fa;padding:2rem;border-radius:15px;border:1px solid #e9ecef;transition:all .3s ease;display:flex;flex-direction:column;height:100%}.testimonial-card:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.testimonial-content{flex-grow:1}.testimonial-text{font-size:1rem;line-height:1.6;color:#4a5568;margin-bottom:1.5rem;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:1rem;margin-top:auto}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem;flex-shrink:0}.author-info{flex:1;min-width:0}.author-name{font-weight:700;color:#1a202c;margin-bottom:.25rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.author-company{color:#718096;font-size:.9rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media (max-width: 1024px){.hero-section{grid-template-columns:1fr;gap:3rem;text-align:center;padding:3rem 1.5rem;margin-top:1rem}.hero-content{align-items:center;text-align:center}.hero-badge{align-self:center}.hero-title{text-align:center;font-size:2.8rem}.hero-description{text-align:center;max-width:90%;margin-left:auto;margin-right:auto}.hero-actions,.stats-section{justify-content:center}.card-visual{max-width:380px;margin:0 auto}.section-title{font-size:2.2rem}}@media (max-width: 768px){.expense-cards-container{margin-top:2rem}.hero-section{padding:2rem 1rem;margin-top:1rem;gap:2rem}.hero-title{font-size:2.2rem;line-height:1.3}.hero-description{font-size:1rem;max-width:100%;padding:0 .5rem}.hero-actions{flex-direction:column;align-items:stretch;gap:1rem;width:100%}.hero-btn-primary,.hero-btn-secondary{width:100%;justify-content:center;padding:.875rem 1.5rem}.stats-section{gap:1.5rem;justify-content:space-around;width:100%}.stat-item{min-width:90px}.stat-number{font-size:1.7rem}.stat-label{font-size:.8rem}.card-visual{padding:1.5rem;min-width:300px;transform:scale(.95)}.card-number{font-size:1.3rem}.testimonials-section{padding:3rem 1rem}.section-title{font-size:1.8rem;padding:0 1rem}.testimonials-grid{grid-template-columns:1fr;gap:1.5rem;padding:0 .5rem}.testimonial-card{padding:1.5rem}}@media (max-width: 480px){.hero-title{font-size:1.8rem}.hero-section{padding:2rem 1rem;margin-top:2rem;gap:2rem}.badge{font-size:.8rem;padding:.4rem .8rem}.hero-description{font-size:.95rem;line-height:1.5}.stats-section{gap:1rem}.stat-item{min-width:80px}.stat-number{font-size:1.5rem}.card-visual{min-width:280px;padding:1.25rem;transform:scale(.9)}.card-number{font-size:1.1rem;letter-spacing:1px}.card-details{flex-direction:column;gap:.5rem}.card-holder{min-width:auto}.section-title{font-size:1.6rem}.author-avatar{width:40px;height:40px;font-size:1rem}.author-name{font-size:.95rem}.author-company{font-size:.85rem}}@media (min-width: 1440px){.hero-section{max-width:1400px;margin-top:1rem;padding:5rem 4rem}.hero-title{font-size:3.8rem}.hero-description{font-size:1.2rem;max-width:85%}.card-visual{max-width:450px;padding:2.5rem}.testimonials-grid{max-width:1400px}}@media (max-height: 700px) and (orientation: landscape){.hero-section{min-height:auto;padding:2rem}.hero-title{font-size:2.2rem;margin-bottom:1rem}.hero-description,.hero-actions{margin-bottom:1.5rem}}@media print{.expense-cards-container{background:#fff!important}.hero-btn-primary,.hero-btn-secondary{border:1px solid #333!important;background:#fff!important;color:#333!important}.card-visual{box-shadow:none!important;border:1px solid #333!important;animation:none!important}}.gift-cards-container{min-height:100vh;background:linear-gradient(180deg,#fff,#f8f9ff);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}.gift-hero{min-height:80vh;position:relative;background:linear-gradient(135deg,#667eea,#764ba2);display:flex;align-items:center;justify-content:center;padding:2rem;overflow:hidden}.hero-overlay-gift{position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at 20% 50%,rgba(255,255,255,.1) 0%,transparent 50%),radial-gradient(circle at 80% 20%,rgba(102,126,234,.2) 0%,transparent 50%)}.hero-content-gift{position:relative;z-index:2;max-width:1200px;text-align:center;padding:4rem 2rem;color:#fff}.hero-badge-gift{margin-bottom:2rem}.badge-gift{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.5rem;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:50px;font-size:.9rem;font-weight:600;letter-spacing:.5px;border:1px solid rgba(255,255,255,.3)}.hero-title-gift{font-size:4rem;font-weight:800;line-height:1.1;margin-bottom:1rem}.gradient-text-gift{background:linear-gradient(135deg,gold,#ffed4e);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.hero-subtitle-gift{font-size:1.4rem;opacity:.9;max-width:700px;margin:0 auto 3rem;line-height:1.6}.hero-stats-gift{display:flex;justify-content:center;gap:3rem;margin:3rem 0;flex-wrap:wrap}.stat-card{padding:1.5rem 2rem;background:#ffffff1a;border-radius:16px;border:1px solid rgba(255,255,255,.2);min-width:180px}.stat-number-gift{font-size:2.5rem;font-weight:800;margin-bottom:.5rem;background:linear-gradient(135deg,#fff,#f8f9ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.stat-label-gift{font-size:.9rem;opacity:.9}.hero-cta-gift{display:flex;gap:1.5rem;justify-content:center;margin-top:3rem;flex-wrap:wrap}.btn-primary-gift,.btn-secondary-gift{padding:1.25rem 2.5rem;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;gap:.75rem}.btn-primary-gift{background:linear-gradient(135deg,gold,#ffed4e);color:#1a202c;box-shadow:0 10px 30px #ffd70066}.btn-primary-gift:hover{transform:translateY(-3px);box-shadow:0 20px 40px #ffd70099}.btn-secondary-gift{background:transparent;color:#fff;border:2px solid white}.btn-secondary-gift:hover{background:#fff;color:#667eea}.arrow-gift{transition:transform .3s ease}.btn-primary-gift:hover .arrow-gift{transform:translate(5px)}.quick-purchase{padding:4rem 2rem;background:#fff;margin-top:-50px;border-radius:30px 30px 0 0;position:relative;z-index:3}.purchase-container{max-width:1200px;margin:0 auto}.section-title-gift{text-align:center;font-size:2.8rem;font-weight:800;margin-bottom:3rem;color:#1a202c}.highlight-gift{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.purchase-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:3rem}.step{background:#f8f9ff;padding:2rem;border-radius:20px;border:1px solid #e9ecef}.step-number{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin-bottom:1.5rem}.step h3{font-size:1.3rem;margin-bottom:1.5rem;color:#1a202c}.amount-buttons{display:flex;flex-wrap:wrap;gap:.75rem}.amount-btn{padding:.75rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;flex:1;min-width:100px}.amount-btn:hover{border-color:#667eea}.amount-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.custom-amount input{width:100%;padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:10px;font-size:1rem;margin-top:.75rem}.quantity-selector{display:flex;align-items:center;gap:1rem;flex-wrap:wrap}.qty-btn{width:45px;height:45px;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-size:1.5rem;cursor:pointer;transition:all .3s ease}.qty-btn:hover{border-color:#667eea}.qty-display{padding:.75rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:10px;font-weight:600;min-width:100px;text-align:center}.qty-price{color:#667eea;font-weight:600;margin-left:auto}.total-section{text-align:center}.total-label{font-size:.9rem;color:#718096;margin-bottom:.5rem}.total-amount{font-size:2.5rem;font-weight:800;color:#1a202c;margin-bottom:1.5rem}.buy-now-btn{width:100%;padding:1rem;background:linear-gradient(135deg,gold,#ffed4e);color:#1a202c;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:.5rem;transition:all .3s ease}.buy-now-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #ffd7004d}.delivery-info{margin-top:1rem;color:#43e97b;font-weight:600;display:flex;align-items:center;justify-content:center;gap:.5rem}.categories-section{padding:4rem 2rem;background:#f8f9ff}.container{max-width:1200px;margin:0 auto}.categories-grid{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:2rem}.category-btn{padding:1rem 1.5rem;background:#fff;border:2px solid #e9ecef;border-radius:12px;font-weight:600;cursor:pointer;transition:all .3s ease;display:flex;align-items:center;gap:.5rem}.category-btn:hover{border-color:#667eea;transform:translateY(-2px)}.category-btn.active{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.category-icon{opacity:.8}.gift-cards-grid{padding:4rem 2rem;background:#fff}.grid-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:3rem;flex-wrap:wrap;gap:1rem}.grid-header h2{font-size:2.5rem;font-weight:800;color:#1a202c}.sort-options{display:flex;align-items:center;gap:1rem}.sort-select{padding:.75rem 1rem;border:2px solid #e9ecef;border-radius:10px;background:#fff;font-weight:600;cursor:pointer}.cards-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem}.gift-card-item{background:#fff;border-radius:20px;overflow:hidden;border:1px solid #e9ecef;transition:all .3s ease;box-shadow:0 5px 15px #0000000d}.gift-card-item:hover{transform:translateY(-10px);box-shadow:0 20px 40px #0000001a}.card-image{position:relative;height:200px;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.gift-card-item:hover .card-image img{transform:scale(1.05)}.card-badge{position:absolute;top:1rem;right:1rem;background:linear-gradient(135deg,#ff6b6b,#ee5a52);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.8rem;font-weight:600}.card-content{padding:1.5rem}.card-content h3{font-size:1.3rem;margin-bottom:.75rem;color:#1a202c}.card-rating{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.sold-count{margin-left:auto;color:#718096;font-size:.85rem}.card-amount-range{color:#667eea;font-weight:600;margin-bottom:1.5rem}.card-actions{display:flex;gap:1rem}.card-btn{flex:1;padding:.75rem;border-radius:10px;font-weight:600;cursor:pointer;transition:all .3s ease;border:none;display:flex;align-items:center;justify-content:center;gap:.5rem}.card-btn.view{background:#f8f9ff;color:#667eea;border:2px solid #e9ecef}.card-btn.view:hover{border-color:#667eea}.card-btn.buy{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.card-btn.buy:hover{transform:translateY(-2px);box-shadow:0 5px 15px #667eea4d}.features-section-gift{padding:5rem 2rem;background:#f8f9ff}.features-grid-gift{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:3rem}.feature-item-gift{background:#fff;padding:2rem;border-radius:20px;text-align:center;border:1px solid #e9ecef;transition:all .3s ease}.feature-item-gift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.feature-icon-gift{width:70px;height:70px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem}.feature-item-gift h3{font-size:1.3rem;margin-bottom:1rem;color:#1a202c}.feature-item-gift p{color:#718096;line-height:1.6}.trending-section{padding:4rem 2rem;background:#fff}.trending-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.trending-header h2{font-size:2.2rem;color:#1a202c}.trending-badge{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;background:linear-gradient(135deg,#43e97b,#38f9d7);color:#fff;border-radius:20px;font-weight:600}.trending-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.trending-item{display:flex;align-items:center;gap:1rem;padding:1.5rem;background:#f8f9ff;border-radius:16px;border:1px solid #e9ecef}.trending-rank{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700}.trending-content{flex:1}.trending-content h4{font-size:1.1rem;margin-bottom:.5rem;color:#1a202c}.trending-stats{display:flex;justify-content:space-between;align-items:center}.sales{font-weight:600;color:#667eea}.growth{display:flex;align-items:center;gap:.25rem;color:#43e97b;font-weight:600}.bulk-section{padding:5rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.bulk-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center}.bulk-content h2{font-size:3rem;margin-bottom:1rem}.bulk-content p{font-size:1.2rem;opacity:.9;margin-bottom:2rem}.bulk-features{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.bulk-feature{display:flex;align-items:center;gap:1rem}.bulk-btn{padding:1rem 2rem;background:#fff;color:#667eea;border:none;border-radius:12px;font-weight:700;font-size:1.1rem;cursor:pointer;display:flex;align-items:center;gap:.5rem;transition:all .3s ease}.bulk-btn:hover{transform:translateY(-3px);box-shadow:0 10px 20px #fff3}.bulk-image{display:flex;justify-content:center;align-items:center}.image-placeholder{width:300px;height:300px;background:#ffffff1a;border:2px dashed rgba(255,255,255,.3);border-radius:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem}.testimonials-section-gift{padding:5rem 2rem;background:#f8f9ff}.testimonials-grid-gift{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.testimonial-card-gift{background:#fff;padding:2rem;border-radius:20px;border:1px solid #e9ecef;transition:all .3s ease}.testimonial-card-gift:hover{transform:translateY(-5px);box-shadow:0 10px 30px #0000001a}.testimonial-text-gift{font-size:1.1rem;line-height:1.6;color:#4a5568;margin-bottom:1.5rem;font-style:italic}.testimonial-amount{display:flex;align-items:center;gap:.5rem;color:#667eea;font-weight:600;margin-bottom:1.5rem}.testimonial-author-gift{display:flex;align-items:center;gap:1rem}.author-avatar-gift{width:50px;height:50px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.2rem}.author-name-gift{font-weight:700;color:#1a202c;margin-bottom:.25rem}.author-company-gift{color:#718096;font-size:.9rem}@media (max-width: 1024px){.purchase-steps{grid-template-columns:1fr;gap:2rem}.bulk-container{grid-template-columns:1fr;gap:3rem;text-align:center}.hero-title-gift{font-size:3rem}.section-title-gift{font-size:2.2rem}}@media (max-width: 768px){.hero-title-gift{font-size:2.2rem}.hero-subtitle-gift{font-size:1.1rem}.hero-stats-gift{gap:1rem}.stat-card{min-width:140px;padding:1rem}.stat-number-gift{font-size:2rem}.hero-cta-gift{flex-direction:column;align-items:center}.btn-primary-gift,.btn-secondary-gift{width:100%;max-width:300px;justify-content:center}.amount-buttons{justify-content:center}.amount-btn{min-width:80px}.categories-grid{justify-content:center}.grid-header,.trending-header{flex-direction:column;align-items:flex-start}.cta-container-gift h2{font-size:2.2rem}.cta-buttons-gift{flex-direction:column;align-items:center}.cta-btn-primary-gift,.cta-btn-secondary-gift{width:100%;max-width:300px;justify-content:center}}@media (max-width: 480px){.gift-hero{min-height:70vh;padding:1rem}.hero-content-gift{padding:2rem 1rem}.badge-gift{font-size:.8rem;padding:.5rem 1rem}.hero-title-gift{font-size:1.8rem}.hero-subtitle-gift{font-size:1rem}.stat-card{min-width:110px}.stat-number-gift{font-size:1.5rem}.section-title-gift{font-size:1.8rem}.step{padding:1.5rem}.cards-grid,.testimonials-grid-gift{grid-template-columns:1fr}.footer-links,.trust-signals{flex-direction:column;gap:1rem}}.wc-container{font-family:Inter,Segoe UI,system-ui,sans-serif;max-width:1200px;margin:0 auto;padding:0 20px;background:linear-gradient(180deg,#fff,#f8fafc);color:#1e293b}.wc-section{margin-bottom:60px}.wc-section-title{font-size:2.2rem;font-weight:800;text-align:center;margin-bottom:12px;background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wc-section-subtitle{text-align:center;color:#64748b;font-size:1.1rem;margin-bottom:40px;max-width:600px;margin-left:auto;margin-right:auto}.wc-btn{padding:14px 28px;border-radius:12px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;display:inline-flex;align-items:center;justify-content:center;gap:8px}.wc-primary-btn{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff}.wc-primary-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #3b82f64d}.wc-secondary-btn{background:#10b981;color:#fff}.wc-secondary-btn:hover{background:#059669;transform:translateY(-2px)}.wc-outline-btn{background:transparent;border:2px solid #3b82f6;color:#3b82f6}.wc-outline-btn:hover{background:#3b82f6;color:#fff}.wc-hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;padding:80px 0}.wc-hero-content{padding-right:20px}.wc-hero-title{font-size:3.2rem;font-weight:900;line-height:1.1;margin-bottom:20px;margin-top:5rem;color:#1e293b}.wc-hero-desc{font-size:1.2rem;color:#64748b;line-height:1.6;margin-bottom:30px}.wc-hero-graphic{position:relative;height:300px}.wc-graphic-element{width:250px;height:250px;background:linear-gradient(135deg,#dbeafe,#e0e7ff);border-radius:50%;position:absolute;overflow:hidden;right:0;top:50%;transform:translateY(-50%);animation:wc-float 6s ease-in-out infinite}.wc-graphic-element img{width:100%;height:100%;object-fit:cover}@keyframes wc-float{0%,to{transform:translateY(-50%) translate(0)}50%{transform:translateY(-50%) translate(-20px)}}.wc-cibil-section{background:linear-gradient(135deg,#fff,#f8fafc);padding:80px 2rem;position:relative;overflow:hidden}.wc-cibil-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,#e2e8f0,transparent)}.wc-cibil-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:start}@media (max-width: 1024px){.wc-cibil-container{grid-template-columns:1fr;gap:40px}}.wc-cibil-left{padding-right:20px}.wc-cibil-badge{display:flex;align-items:center;gap:15px;margin-bottom:30px;background:#fff;padding:15px 20px;border-radius:16px;border:2px solid #e2e8f0;box-shadow:0 4px 15px #0000000d;max-width:fit-content}.wc-cibil-score-icon{font-size:2.5rem;width:60px;height:60px;background:linear-gradient(135deg,#3b82f6,#1d4ed8);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center}.wc-cibil-score-main{display:flex;flex-direction:column}.wc-cibil-score-label{font-size:.875rem;color:#64748b;font-weight:500;text-transform:uppercase;letter-spacing:1px}.wc-cibil-score-title{font-size:1.75rem;font-weight:800;color:#1e293b;line-height:1}.wc-cibil-heading{font-size:2.5rem;font-weight:800;color:#1e293b;line-height:1.2;margin-bottom:20px}.wc-highlight{background:linear-gradient(135deg,#3b82f6,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.wc-cibil-description{font-size:1.125rem;color:#64748b;line-height:1.7;margin-bottom:30px;max-width:500px}.wc-cibil-features{display:flex;flex-direction:column;gap:15px;margin-bottom:40px}.wc-cibil-feature{display:flex;align-items:center;gap:12px}.wc-cibil-feature-icon{width:24px;height:24px;background:#10b981;color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;flex-shrink:0}.wc-cibil-feature-text{font-size:1rem;color:#475569;font-weight:500}.wc-cibil-actions{display:flex;gap:20px;flex-wrap:wrap}.wc-cibil-check-btn{padding:16px 32px;font-size:1.125rem;font-weight:600;display:flex;align-items:center;gap:10px;background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.wc-cibil-learn-btn{padding:16px 32px;font-size:1.125rem;font-weight:600;border:2px solid #3b82f6;color:#3b82f6}.wc-cibil-right{display:flex;flex-direction:column;gap:30px}.wc-cibil-card{background:#fff;border-radius:20px;padding:30px;box-shadow:0 10px 30px #00000014;border:1px solid #e2e8f0}.wc-cibil-card-header{display:flex;align-items:center;gap:15px;margin-bottom:25px;padding-bottom:15px;border-bottom:2px solid #f1f5f9}.wc-cibil-card-icon{font-size:2rem;width:60px;height:60px;background:#f0f9ff;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#0ea5e9}.wc-cibil-card-title{font-size:1.5rem;font-weight:700;color:#1e293b}.wc-cibil-score-ranges{display:flex;flex-direction:column;gap:15px;margin-bottom:25px}.wc-score-range{display:flex;align-items:center;gap:15px;padding:15px;background:#f8fafc;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.wc-score-range:hover{transform:translate(5px);border-color:#3b82f6}.wc-range-indicator{width:12px;height:12px;border-radius:50%;flex-shrink:0}.wc-range-indicator.excellent{background:#10b981;box-shadow:0 0 0 3px #10b98133}.wc-range-indicator.good{background:#3b82f6;box-shadow:0 0 0 3px #3b82f633}.wc-range-indicator.fair{background:#f59e0b;box-shadow:0 0 0 3px #f59e0b33}.wc-range-indicator.poor{background:#ef4444;box-shadow:0 0 0 3px #ef444433}.wc-range-details{flex:1;min-width:100px}.wc-range-title{font-weight:600;color:#1e293b;font-size:1rem}.wc-range-score{font-size:.875rem;color:#64748b;margin-top:2px}.wc-range-status{font-size:.875rem;color:#64748b;font-weight:500;text-align:right;min-width:120px}.wc-cibil-tip{display:flex;align-items:flex-start;gap:15px;padding:20px;background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:12px;border-left:4px solid #0ea5e9}.wc-tip-icon{font-size:1.5rem;flex-shrink:0}.wc-tip-text{font-size:.95rem;color:#0369a1;line-height:1.6;font-weight:500}@media (max-width: 768px){.wc-cibil-section{padding:50px 1.5rem}.wc-cibil-heading{font-size:2rem}.wc-cibil-badge{padding:12px 16px}.wc-cibil-score-icon{width:50px;height:50px;font-size:2rem}.wc-cibil-score-title{font-size:1.5rem}.wc-cibil-actions{flex-direction:column}.wc-cibil-check-btn,.wc-cibil-learn-btn{width:100%;justify-content:center}.wc-score-range{flex-wrap:wrap}.wc-range-status{text-align:left;min-width:auto;flex-basis:100%;margin-top:8px;padding-left:27px}.wc-cibil-card,.wc-cibil-form{padding:25px}}@media (max-width: 480px){.wc-cibil-section{padding:40px 1rem}.wc-cibil-heading{font-size:1.75rem}.wc-cibil-description{font-size:1rem}.wc-cibil-feature-text{font-size:.95rem}.wc-cibil-card-title,.wc-cibil-form-title{font-size:1.25rem}.wc-cibil-score-ranges{gap:12px}.wc-score-range{padding:12px}}.wc-features-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:20px;margin-top:40px}.wc-feature-card{background:#fff;border-radius:16px;padding:25px;text-align:center;border:1px solid #e2e8f0;transition:all .3s ease}.wc-feature-card:hover{transform:translateY(-5px);box-shadow:0 15px 30px #0000001a;border-color:#3b82f6}.wc-feature-icon{font-size:2.5rem;margin-bottom:15px}.wc-feature-title{font-size:1.2rem;color:#1e293b;margin-bottom:10px}.wc-feature-desc{color:#64748b;font-size:.9rem;line-height:1.5}.wc-loan-calc-card{background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-radius:20px;padding:40px;display:grid;grid-template-columns:1fr 1fr;gap:40px;margin-top:40px}.wc-loan-inputs{display:flex;flex-direction:column;gap:30px}.wc-slider-group{margin-bottom:20px}.wc-amount-display{font-size:2.5rem;font-weight:800;color:#1e293b;margin:10px 0}.wc-range-slider{width:100%;height:8px;-webkit-appearance:none;background:linear-gradient(to right,#3b82f6,#8b5cf6);border-radius:4px;outline:none}.wc-range-slider::-webkit-slider-thumb{-webkit-appearance:none;width:24px;height:24px;background:#fff;border:3px solid #3b82f6;border-radius:50%;cursor:pointer}.wc-loan-options{display:grid;grid-template-columns:1fr 1fr;gap:30px}.wc-option-group{display:flex;flex-direction:column;gap:10px}.wc-select{padding:14px;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;color:#1e293b;background:#fff;cursor:pointer}.wc-rate-display{font-size:2rem;font-weight:700;color:#1e293b;margin:10px 0}.wc-loan-results{display:flex;flex-direction:column;justify-content:center;gap:25px}.wc-result-box{background:#fff;border-radius:16px;padding:25px;border:2px solid #e2e8f0}.wc-emi-amount{font-size:2.2rem;font-weight:800;color:#3b82f6;margin-top:5px}.wc-emi-amount span{font-size:1rem;color:#64748b;font-weight:400}.wc-total-amount{font-size:2rem;font-weight:800;color:#1e293b;margin-top:5px}.wc-disclaimer{color:#64748b;font-size:.9rem;font-style:italic;margin-top:10px}.wc-steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px;margin:40px 0 60px}.wc-step-card{background:#fff;border-radius:16px;padding:30px 25px;text-align:center;border:2px solid #e2e8f0;position:relative;overflow:hidden}.wc-step-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,#3b82f6,#8b5cf6)}.wc-step-number{font-size:2.5rem;font-weight:900;color:#3b82f6;margin-bottom:15px;line-height:1}.wc-step-title{font-size:1.3rem;color:#1e293b;margin-bottom:10px}.wc-step-desc{color:#64748b;font-size:.95rem;line-height:1.5}.wc-business-form{background:linear-gradient(135deg,#f0f9ff,#e0f2fe);border-radius:20px;padding:40px;margin-top:40px}.wc-form-title{font-size:1.8rem;color:#1e293b;margin-bottom:30px;text-align:center}.wc-form-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:end}.wc-form-group{display:flex;flex-direction:column;gap:8px}.wc-form-group label{font-size:.9rem;color:#475569;font-weight:600}.wc-form-input{padding:14px 16px;border:2px solid #cbd5e1;border-radius:10px;font-size:1rem;color:#1e293b;background:#fff}.wc-form-input:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.wc-form-btn{height:50px}.wc-offers-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;max-width:600px;margin:40px auto}.wc-offer-card{background:#fff;border:2px solid #e2e8f0;border-radius:16px;padding:25px;cursor:pointer;transition:all .3s ease}.wc-offer-selected{border-color:#3b82f6;box-shadow:0 10px 25px #3b82f626;background:#f8fafc}.wc-offer-header{display:flex;align-items:center;gap:15px;margin-bottom:20px}.wc-radio{width:24px;height:24px;border:2px solid #cbd5e1;border-radius:50%;display:flex;align-items:center;justify-content:center}.wc-radio-dot{width:12px;height:12px;border-radius:50%;background:transparent;transition:all .3s ease}.wc-radio-selected{background:#3b82f6}.wc-offer-title{font-size:1.4rem;color:#1e293b;margin:0}.wc-offer-details{display:flex;justify-content:space-between;align-items:center}.wc-offer-amount{font-size:1.8rem;font-weight:700;color:#1e293b}.wc-offer-rate{font-size:1.4rem;color:#10b981;font-weight:600}.wc-step-indicator{background:#f8fafc;border-radius:12px;padding:20px;text-align:center;margin-top:30px;border:2px solid #e2e8f0}.wc-step-label{display:inline-block;background:#3b82f6;color:#fff;padding:6px 20px;border-radius:20px;font-weight:600;margin-bottom:10px;font-size:.9rem}.wc-usecases-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;max-width:800px;margin:30px auto}.wc-usecase-item{display:flex;align-items:center;gap:12px;background:#fff;padding:16px 20px;border-radius:12px;border:1px solid #e2e8f0;transition:all .3s ease}.wc-usecase-item:hover{border-color:#3b82f6;transform:translate(5px)}.wc-usecase-icon{color:#10b981;font-weight:700;font-size:1.2rem}.wc-eligibility-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:900px;margin:40px auto}.wc-eligibility-card{background:linear-gradient(135deg,#3b82f6,#8b5cf6);color:#fff;padding:40px 20px;border-radius:20px;text-align:center;box-shadow:0 15px 30px #3b82f633}.wc-eligibility-value{font-size:2.5rem;font-weight:800;margin-bottom:10px}.wc-eligibility-label{font-size:1.1rem;opacity:.9}.wc-note{text-align:center;color:#64748b;font-style:italic;max-width:800px;margin:30px auto}.wc-partners{text-align:center;margin-top:50px}.wc-partners-title{font-size:1.5rem;color:#1e293b;margin-bottom:30px}.wc-partners-logos{display:flex;justify-content:center;gap:40px}.wc-partner-logo{font-size:3rem;width:80px;height:80px;background:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 20px #0000001a}.wc-resources-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:25px;margin:40px 0}.wc-resource-card{background:#fff;border-radius:16px;padding:30px;border:1px solid #e2e8f0;transition:all .3s ease}.wc-resource-card:hover{border-color:#3b82f6;transform:translateY(-5px);box-shadow:0 15px 30px #0000001a}.wc-resource-title{font-size:1.3rem;color:#1e293b;margin-bottom:10px}.wc-resource-desc{color:#64748b;line-height:1.5}@media (max-width: 1024px){.wc-hero{grid-template-columns:1fr;text-align:center;padding:40px 0}.wc-hero-content{padding-right:0}.wc-hero-graphic{display:none}.wc-calc-wrapper{grid-template-columns:1fr;padding:0 20px}.wc-results-col{width:100%;order:1}.wc-features-grid,.wc-steps-grid,.wc-form-grid,.wc-usecases-grid,.wc-eligibility-cards{grid-template-columns:repeat(2,1fr)}.wc-loan-calc-card{grid-template-columns:1fr}.wc-offers-grid{grid-template-columns:1fr;max-width:400px}}@media (max-width: 768px){.wc-section-title{font-size:1.8rem}.wc-features-grid,.wc-steps-grid,.wc-form-grid,.wc-usecases-grid,.wc-eligibility-cards,.wc-resources-grid{grid-template-columns:1fr}.wc-assets-col,.wc-liabilities-col,.wc-results-col{width:120%;margin-left:-2.2rem}.wc-loan-options{grid-template-columns:1fr}.wc-calc-section,.wc-loan-calc-card{padding:25px}.wc-input-group{flex-direction:column;align-items:flex-start;gap:8px}.wc-money-input{width:100%}.wc-footer-links{flex-direction:column;gap:15px}}.wc-container::-webkit-scrollbar{width:10px}.wc-container::-webkit-scrollbar-track{background:#f1f1f1}.wc-container::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#8b5cf6);border-radius:5px}@media print{.wc-btn{display:none!important}}.pp-container{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:#1a1a1a;background:#fff;min-height:100vh}.pp-hero-section{display:grid;grid-template-columns:1fr 1fr;place-content:center;gap:4rem;padding:4rem 2rem;max-width:1200px;margin:4rem auto;align-items:center}.pp-hero-badge{margin-bottom:1.5rem}.pp-badge-text{display:inline-block;padding:.5rem 1rem;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.875rem;font-weight:500}.pp-hero-headline{font-size:3.5rem;font-weight:700;line-height:1.2;margin-bottom:1.5rem}.pp-gradient-text{background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-hero-description{font-size:1.125rem;color:#4a5568;line-height:1.7;margin-bottom:2rem;max-width:500px}.pp-hero-cta{display:flex;gap:1rem;margin-bottom:3rem}.pp-cta-primary{padding:1rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border:none;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s}.pp-cta-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea40}.pp-cta-secondary{padding:1rem 2rem;background:transparent;color:#667eea;border:2px solid rgba(102,126,234,.3);border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;display:flex;align-items:center;gap:.5rem}.pp-cta-secondary:hover{background:#667eea1a;border-color:#667eea}.pp-play-icon{width:20px;height:20px;fill:currentColor}.pp-hero-stats{display:flex;gap:3rem}.pp-stat{text-align:center}.pp-stat-value{font-size:2rem;font-weight:700;color:#2d3748;margin-bottom:.25rem}.pp-stat-label{font-size:.875rem;color:#718096}.pp-hero-visual{position:relative}.pp-dashboard-preview{background:#fff;border-radius:16px;padding:1.5rem;box-shadow:0 20px 60px #00000014;border:1px solid rgba(0,0,0,.05)}.pp-dashboard-card{width:100%}.pp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.pp-card-title{font-weight:600;color:#2d3748;font-size:1.125rem}.pp-card-badge{padding:.25rem .75rem;background:#10b981;color:#fff;border-radius:20px;font-size:.75rem;font-weight:500}.pp-card-badge.pp-active{background:#10b981}.pp-transaction-list{display:flex;flex-direction:column;gap:1rem}.pp-transaction-item{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#f8f9ff;border-radius:10px;transition:all .3s}.pp-transaction-item:hover{transform:translate(4px);background:#f0f3ff}.pp-transaction-info{display:flex;align-items:center;gap:1rem}.pp-transaction-icon{width:40px;height:40px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:600}.pp-transaction-name{font-weight:500;color:#2d3748}.pp-transaction-time{font-size:.875rem;color:#718096}.pp-transaction-amount{font-weight:600;color:#10b981;font-size:1.125rem}.pp-features-section{padding:6rem 2rem;background:#f8f9ff}.pp-section-header{text-align:center;max-width:800px;margin:0 auto 4rem}.pp-section-title{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:#1a1a1a}.pp-section-subtitle{font-size:1.125rem;color:#718096;line-height:1.7}.pp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.pp-feature-card{background:#fff;padding:2rem;border-radius:16px;transition:all .3s;border:1px solid rgba(0,0,0,.05)}.pp-feature-card:hover{transform:translateY(-8px);box-shadow:0 20px 60px #0000001a}.pp-feature-icon{font-size:2.5rem;margin-bottom:1.5rem}.pp-feature-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.pp-feature-description{color:#718096;line-height:1.7;margin-bottom:1.5rem}.pp-feature-tags{display:flex;flex-wrap:wrap;gap:.5rem}.pp-tag{padding:.25rem .75rem;background:#667eea1a;color:#667eea;border-radius:20px;font-size:.75rem;font-weight:500}.pp-workflow-section{padding:6rem 2rem;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pp-workflow-content{max-width:800px;margin:0 auto;text-align:center}.pp-workflow-title{font-size:2.5rem;font-weight:700;margin-bottom:4rem}.pp-workflow-steps{display:flex;justify-content:space-between;align-items:flex-start;position:relative}.pp-step{text-align:center;flex:1;position:relative;z-index:2}.pp-step-number{width:60px;height:60px;background:#fff;color:#667eea;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 1.5rem}.pp-step-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem}.pp-step-description{color:#fffc;line-height:1.7}.pp-step-connector{flex:1;height:2px;background:#ffffff4d;margin-top:30px;position:relative}.pp-use-cases-section{padding:6rem 2rem;background:#fff}.pp-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;max-width:1000px;margin:0 auto}.pp-use-case{text-align:center;padding:2rem;transition:all .3s}.pp-use-case:hover{transform:translateY(-4px)}.pp-use-case-icon{font-size:2.5rem;margin-bottom:1.5rem}.pp-use-case-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#2d3748}.pp-use-case-description{color:#718096;line-height:1.7}.pp-cta-section{padding:6rem 2rem;background:#f8f9ff;text-align:center}.pp-cta-content{max-width:600px;margin:0 auto}.pp-cta-title{font-size:2.5rem;font-weight:700;margin-bottom:1.5rem;color:#1a1a1a}.pp-cta-description{font-size:1.125rem;color:#718096;margin-bottom:3rem}.pp-cta-actions{display:flex;gap:1rem;justify-content:center}.pp-cta-btn{padding:1rem 2.5rem;border-radius:10px;font-weight:600;font-size:1rem;cursor:pointer;transition:all .3s;border:none}.pp-cta-btn.pp-primary{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff}.pp-cta-btn.pp-primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #667eea40}.pp-cta-btn.pp-secondary{background:transparent;color:#667eea;border:2px solid rgba(102,126,234,.3)}.pp-cta-btn.pp-secondary:hover{background:#667eea1a;border-color:#667eea}.pp-platform-footer{background:#1a1a1a;color:#fff;padding:4rem 2rem 2rem}.pp-footer-content{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 2fr;gap:4rem;margin-bottom:3rem}.pp-footer-brand{max-width:300px}.pp-footer-logo{font-size:2rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#667eea,#764ba2);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.pp-footer-tagline{color:#a0aec0;line-height:1.7}.pp-footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:3rem}.pp-link-group{display:flex;flex-direction:column;gap:1rem}.pp-link-title{font-size:1rem;font-weight:600;margin-bottom:.5rem;color:#fff}.pp-footer-link{color:#a0aec0;text-decoration:none;font-size:.875rem;transition:color .2s}.pp-footer-link:hover{color:#fff}.pp-footer-bottom{max-width:1200px;margin:0 auto;padding-top:2rem;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center}.pp-footer-bottom p{color:#a0aec0;font-size:.875rem}.pp-footer-social{display:flex;gap:2rem}.pp-social-link{color:#a0aec0;text-decoration:none;font-size:.875rem;transition:color .2s}.pp-social-link:hover{color:#fff}@media (max-width: 1024px){.pp-hero-section{grid-template-columns:1fr;text-align:center;gap:3rem}.pp-hero-description{margin:0 auto 2rem}.pp-hero-cta,.pp-hero-stats{justify-content:center}}@media (max-width: 768px){.pp-hero-headline{font-size:2.5rem}.pp-workflow-steps{flex-direction:column;gap:3rem}.pp-step-connector{display:none}.pp-footer-content{grid-template-columns:1fr;gap:3rem}.pp-footer-links{grid-template-columns:repeat(2,1fr)}}@media (max-width: 480px){.pp-hero-headline,.pp-section-title{font-size:2rem}.pp-hero-cta,.pp-cta-actions{flex-direction:column}.pp-footer-links{grid-template-columns:1fr}.pp-footer-bottom{flex-direction:column;gap:1rem;text-align:center}}:root{--bp-primary-gradient: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--bp-secondary-gradient: linear-gradient(135deg, #f093fb 0%, #f5576c 100%);--bp-success-gradient: linear-gradient(135deg, #43e97b 0%, #38f9d7 100%);--bp-blue-gradient: linear-gradient(135deg, #4facfe 0%, #00f2fe 100%);--bp-background-light: #f8fafc;--bp-background-dark: #0f172a;--bp-text-primary: #1e293b;--bp-text-secondary: #64748b;--bp-border-color: #e2e8f0;--bp-shadow-sm: 0 2px 4px rgba(0,0,0,.05);--bp-shadow-md: 0 4px 6px -1px rgba(0,0,0,.1);--bp-shadow-lg: 0 10px 15px -3px rgba(0,0,0,.1);--bp-shadow-xl: 0 20px 25px -5px rgba(0,0,0,.1)}.bp-bulk-payout-page{font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--bp-text-primary);overflow-x:hidden}.bp-container{max-width:1280px;margin:0 auto;padding:0 24px}.bp-hero-section{padding:80px 0 120px;background:linear-gradient(135deg,#f8fafc,#f1f5f9);position:relative;overflow:hidden}.bp-hero-section:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,var(--bp-border-color),transparent)}.bp-hero-content{max-width:600px;z-index:1;position:relative}.bp-hero-badge{display:inline-flex;align-items:center;gap:8px;background:#fff;padding:8px 16px;border-radius:50px;font-size:14px;font-weight:500;color:var(--bp-text-secondary);box-shadow:var(--bp-shadow-sm);margin-bottom:32px;border:1px solid var(--bp-border-color)}.bp-badge-icon{font-size:16px}.bp-hero-title{font-size:56px;font-weight:800;line-height:1.1;margin-bottom:24px;letter-spacing:-.02em}.bp-gradient-text{background:var(--bp-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.bp-hero-description{font-size:20px;line-height:1.6;color:var(--bp-text-secondary);margin-bottom:40px}.bp-hero-actions{display:flex;gap:16px;margin-bottom:60px;flex-wrap:wrap}.bp-btn-primary{display:flex;align-items:center;gap:12px;padding:16px 32px;background:var(--bp-primary-gradient);color:#fff;border:none;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 14px #667eea66}.bp-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 25px #667eea80}.bp-btn-primary:active{transform:translateY(0)}.bp-btn-secondary{display:flex;align-items:center;gap:12px;padding:16px 32px;background:#fff;color:var(--bp-text-primary);border:2px solid var(--bp-border-color);border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease}.bp-btn-secondary:hover{border-color:#cbd5e1;transform:translateY(-2px);box-shadow:var(--bp-shadow-md)}.bp-hero-stats{display:flex;align-items:center;gap:32px;padding:24px;background:#fff;border-radius:16px;box-shadow:var(--bp-shadow-md);border:1px solid var(--bp-border-color)}.bp-stat-item{text-align:center}.bp-stat-value{font-size:28px;font-weight:700;background:var(--bp-primary-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:4px}.bp-stat-label{font-size:14px;color:var(--bp-text-secondary);font-weight:500}.bp-stat-divider{width:1px;height:40px;background:var(--bp-border-color)}.bp-hero-visual{position:absolute;right:24px;top:120px;width:500px}.bp-floating-card{background:#fff;border-radius:20px;padding:24px;box-shadow:var(--bp-shadow-xl);border:1px solid var(--bp-border-color);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.bp-payment-card{width:400px;transform:rotate(2deg);animation:bp-float 6s ease-in-out infinite}@keyframes bp-float{0%,to{transform:rotate(2deg) translateY(0)}50%{transform:rotate(2deg) translateY(-10px)}}.bp-upload-card{width:300px;position:absolute;right:0;bottom:-60px;transform:rotate(-3deg);animation:bp-float 6s ease-in-out infinite .5s;text-align:center}.bp-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.bp-sender-info{display:flex;align-items:center;gap:12px}.bp-sender-avatar{width:40px;height:40px;border-radius:12px;background:var(--bp-primary-gradient);display:flex;align-items:center;justify-content:center;color:#fff}.bp-sender-name{font-weight:600;color:var(--bp-text-primary)}.bp-timestamp{font-size:12px;color:var(--bp-text-secondary)}.bp-status-badge{padding:6px 12px;border-radius:20px;font-size:12px;font-weight:600}.bp-status-badge.bp-success{background:#dcfce7;color:#166534}.bp-payment-grid{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.bp-payment-item{display:flex;justify-content:space-between;align-items:center;padding:12px;background:var(--bp-background-light);border-radius:8px}.bp-recipient{font-weight:500}.bp-amount{font-weight:600;color:#166534}.bp-total-amount{display:flex;justify-content:space-between;align-items:center;padding-top:16px;border-top:2px solid var(--bp-border-color);font-weight:600}.bp-total{font-size:24px;color:var(--bp-text-primary)}.bp-upload-icon{width:48px;height:48px;color:var(--bp-text-secondary);margin:0 auto 16px}.bp-upload-card h3{margin-bottom:8px;font-size:18px}.bp-upload-card p{color:var(--bp-text-secondary);margin-bottom:20px;font-size:14px}.bp-upload-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;background:var(--bp-primary-gradient);color:#fff;border:none;border-radius:8px;font-weight:600;cursor:pointer;transition:all .3s ease}.bp-upload-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px #667eea4d}.bp-features-section{padding:120px 0;background:#fff}.bp-section-header{text-align:center;max-width:600px;margin:0 auto 80px}.bp-section-header h2{font-size:48px;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.bp-section-subtitle{font-size:20px;color:var(--bp-text-secondary);line-height:1.6}.bp-features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:32px}.bp-feature-card{background:#fff;padding:32px;border-radius:20px;border:1px solid var(--bp-border-color);transition:all .4s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.bp-feature-card:before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--bp-card-color)}.bp-feature-card:hover{transform:translateY(-8px);box-shadow:var(--bp-shadow-xl);border-color:transparent}.bp-feature-icon-wrapper{width:64px;height:64px;border-radius:16px;background:var(--bp-card-color);display:flex;align-items:center;justify-content:center;margin-bottom:24px}.bp-feature-icon-svg{width:28px;height:28px;color:#fff}.bp-feature-card h3{font-size:20px;font-weight:700;margin-bottom:12px}.bp-feature-card p{color:var(--bp-text-secondary);line-height:1.6;margin-bottom:20px}.bp-feature-link{display:flex;align-items:center;gap:8px;color:#6366f1;font-weight:600;font-size:14px;transition:gap .3s ease}.bp-feature-link:hover{gap:12px}.bp-process-section{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.bp-process-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}.bp-process-step{text-align:center;position:relative;padding:32px;background:#fff;border-radius:20px;border:1px solid var(--bp-border-color)}.bp-step-number{font-size:64px;font-weight:800;color:var(--bp-background-light);-webkit-text-stroke:2px #e2e8f0;margin-bottom:16px;line-height:1}.bp-step-icon{width:64px;height:64px;margin:0 auto 24px;background:var(--bp-primary-gradient);border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff}.bp-process-step h3{font-size:20px;font-weight:700;margin-bottom:12px}.bp-process-step p{color:var(--bp-text-secondary);line-height:1.6}.bp-step-connector{position:absolute;right:-48px;top:50%;width:48px;height:2px}.bp-connector-line{width:100%;height:2px;background:linear-gradient(90deg,var(--bp-border-color),transparent)}.bp-use-cases-section{padding:120px 0;background:#fff}.bp-use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:24px}.bp-use-case-card{padding:24px;text-align:center;border-radius:16px;background:var(--bp-background-light);transition:all .3s ease;border:2px solid transparent}.bp-use-case-card:hover{border-color:var(--bp-primary-gradient);transform:translateY(-4px);background:#fff;box-shadow:var(--bp-shadow-lg)}.bp-use-case-icon{font-size:32px;margin-bottom:16px}.bp-use-case-card h4{font-size:16px;font-weight:600;margin-bottom:8px}.bp-use-case-count{font-size:14px;color:var(--bp-text-secondary);font-weight:500}.bp-advanced-features{padding:120px 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.bp-advanced-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:48px}.bp-advanced-card{padding:40px;border-radius:24px;background:#fff;box-shadow:var(--bp-shadow-lg);border:1px solid var(--bp-border-color)}.bp-scheduling-card{border-top:4px solid #6366f1}.bp-security-card{border-top:4px solid #10b981}.bp-card-header{display:flex;align-items:center;gap:16px;margin-bottom:20px}.bp-card-icon{width:32px;height:32px;color:#6366f1}.bp-security-card .bp-card-icon{color:#10b981}.bp-advanced-card h3{font-size:24px;font-weight:700;margin:0}.bp-advanced-card p{color:var(--bp-text-secondary);margin-bottom:24px;line-height:1.6}.bp-feature-list{list-style:none;padding:0;margin:0}.bp-feature-list li{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px;color:var(--bp-text-primary)}.bp-feature-list svg{color:#10b981;flex-shrink:0;margin-top:2px}.bp-cta-section{padding:120px 0;background:var(--bp-background-dark);color:#fff;text-align:center}.bp-cta-content{max-width:600px;margin:0 auto}.bp-cta-content h2{font-size:48px;font-weight:800;margin-bottom:16px;letter-spacing:-.02em}.bp-cta-content p{font-size:20px;color:#cbd5e1;margin-bottom:48px}.bp-cta-actions{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.bp-btn-primary.bp-large{padding:20px 40px;font-size:18px}.bp-btn-outline{display:flex;align-items:center;gap:12px;padding:20px 40px;background:transparent;color:#fff;border:2px solid #475569;border-radius:12px;font-size:18px;font-weight:600;cursor:pointer;transition:all .3s ease}.bp-btn-outline:hover{background:#ffffff1a;border-color:#fff}@media (max-width: 1200px){.bp-hero-visual{position:relative;right:auto;top:auto;width:100%;margin-top:60px;display:flex;justify-content:center;gap:32px;flex-wrap:wrap}.bp-payment-card,.bp-upload-card{position:relative;transform:none;animation:none}}@media (max-width: 768px){.bp-hero-title{font-size:40px}.bp-section-header h2{font-size:36px}.bp-hero-stats{flex-direction:column;gap:24px}.bp-stat-divider{width:100%;height:1px}.bp-process-steps{grid-template-columns:1fr;gap:64px}.bp-step-connector{right:50%;top:100%;width:2px;height:64px}.bp-advanced-grid,.bp-features-grid{grid-template-columns:1fr}.bp-hero-actions,.bp-cta-actions{flex-direction:column}.bp-btn-primary,.bp-btn-secondary,.bp-btn-outline{width:100%;justify-content:center}}@media (max-width: 480px){.bp-hero-title{font-size:32px}.bp-hero-content{max-width:100%;padding:0 1rem}.bp-hero-stats{display:flex;flex-direction:row;max-width:350px}.bp-hero-actions button{width:90%;margin:auto}.bp-section-header h2{font-size:28px}.bp-container{padding:0 16px}.bp-feature-card,.bp-advanced-card,.bp-use-case-card{padding:24px}}:root{--primary: #2563eb;--primary-dark: #1d4ed8;--secondary: #64748b;--success: #10b981;--warning: #f59e0b;--danger: #ef4444;--light: #f8fafc;--dark: #1e293b;--gray: #94a3b8;--gray-light: #e2e8f0;--border-radius: 12px;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--transition: all .3s ease}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.6;color:var(--dark);background:linear-gradient(135deg,#f6f9fc,#fff);min-height:100vh}.payout-links-container{max-width:1400px;margin:0 auto;padding:0 20px}.hero-section{display:flex;padding:4rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.container{max-width:1200px;margin:0 auto;padding:0 20px}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--dark)}.hero-title{font-size:3.5rem;margin-bottom:1.5rem;background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-align:center}.section-title{font-size:2.5rem;margin-bottom:1rem;text-align:center}.section-subtitle{font-size:1.5rem;color:var(--secondary);text-align:center;margin-bottom:3rem}.btn-primary,.btn-secondary,.btn-outline,.btn-redeem{padding:1rem 2rem;border-radius:var(--border-radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.btn-primary{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#fff;color:var(--primary);border:2px solid var(--primary)}.btn-secondary:hover{background:var(--primary);color:#fff}.btn-outline{background:transparent;color:var(--primary);border:2px solid var(--gray-light)}.btn-outline:hover{border-color:var(--primary);background:var(--light)}.btn-redeem{background:linear-gradient(135deg,var(--success) 0%,#34d399 100%);color:#fff;font-weight:700;font-size:1.1rem;width:100%;padding:1.2rem;margin-top:2rem}.btn-redeem:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.hero-section{padding:5rem 0;text-align:center}.hero-subtitle{font-size:1.25rem;color:var(--secondary);max-width:800px;margin:0 auto 3rem}.hero-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.payment-creator-section{padding:4rem 0}.payment-creator-card{background:#fff;border-radius:var(--border-radius);padding:3rem;box-shadow:var(--shadow-lg);max-width:500px;margin:0 auto 4rem}.payment-creator-card h2{font-size:2rem;margin-bottom:2rem;color:var(--dark)}.input-group{margin-bottom:1.5rem}.input-group label{display:block;margin-bottom:.5rem;font-weight:600;color:var(--dark)}.input-with-currency,.input-with-icon{display:flex;align-items:center;border:2px solid var(--gray-light);border-radius:var(--border-radius);overflow:hidden;transition:var(--transition)}.input-with-currency:focus-within,.input-with-icon:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px #2563eb1a}.currency{padding:1rem 1.5rem;background:var(--light);font-weight:600;color:var(--dark)}.input-with-icon .input-icon{padding:0 1rem;color:var(--gray)}.input-with-currency input,.input-with-icon input{flex:1;padding:1rem;border:none;font-size:1rem;outline:none}.amount-preview{background:var(--light);padding:1.5rem;border-radius:var(--border-radius);text-align:center;margin:2rem 0;font-size:1.1rem}.refund-notification{background:linear-gradient(135deg,#dbeafe,#eff6ff);border-left:4px solid var(--primary);padding:1.5rem;border-radius:var(--border-radius);margin:2rem 0}.refund-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.refund-icon{color:var(--success)}.otp-section{margin:2rem 0;padding:1.5rem;background:var(--light);border-radius:var(--border-radius)}.otp-input{width:100%;padding:1rem;font-size:1.5rem;letter-spacing:.5rem;text-align:center;border:2px solid var(--gray-light);border-radius:var(--border-radius);margin-top:1rem}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.feature-card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);text-align:center;transition:var(--transition)}.feature-icon{background:linear-gradient(135deg,var(--primary) 0%,#3b82f6 100%);width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:#fff}.feature-card h3{margin-bottom:1rem;font-size:1.25rem}.use-cases-section{padding:5rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.use-cases-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;margin-top:3rem}.use-case-card{background:#fff;padding:1.5rem;border-radius:var(--border-radius);display:flex;align-items:center;gap:1rem;box-shadow:var(--shadow);transition:var(--transition)}.use-case-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}.use-case-icon{color:var(--primary)}.dashboard-section{padding:5rem 0}.benefits-list{max-width:800px;margin:3rem auto}.dashboard-section .section-title{text-align:center}.benefit-item{display:flex;align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding:1.5rem;background:#fff;border-radius:var(--border-radius);box-shadow:var(--shadow)}.benefit-icon{color:var(--success);flex-shrink:0;margin-top:.25rem}.action-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-top:3rem}.resources-section{padding:5rem 0;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.resources-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:2rem;margin-top:3rem}.resource-card{background:#fff;padding:2rem;border-radius:var(--border-radius);box-shadow:var(--shadow);transition:var(--transition)}.resource-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.resource-link{color:var(--primary);text-decoration:none;font-weight:600;margin-top:1rem;display:inline-block}.cta-section{padding:6rem 0;text-align:center;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:var(--border-radius);margin:4rem 0}.cta-section h2{color:#fff;font-size:2.5rem;margin-bottom:2rem}.cta-buttons{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.cta-section .btn-primary{background:#fff;color:var(--primary)}.cta-section .btn-secondary{background:transparent;color:#fff;border:2px solid white}.cta-section .btn-secondary:hover{background:#fff;color:var(--primary)}@media (max-width: 1024px){.hero-title{font-size:2.75rem}.section-title{font-size:2rem}}@media (max-width: 768px){.hero-title{font-size:2.25rem}.hero-buttons{flex-direction:column;align-items:center}.hero-buttons button{width:100%;max-width:300px}.payment-creator-card{padding:2rem}.features-grid,.use-cases-grid{grid-template-columns:1fr}.action-buttons{flex-direction:column;align-items:center}.action-buttons button{width:100%;max-width:300px}.cta-section{padding:4rem 2rem}.cta-section h2{font-size:2rem}.cta-buttons{flex-direction:column;align-items:center}.cta-buttons button{width:100%;max-width:300px}}@media (max-width: 480px){.hero-title{font-size:1.875rem}.payment-creator-card{padding:1.5rem}.btn-primary,.btn-secondary,.btn-outline,.btn-redeem{padding:.875rem 1.5rem}}:root{--ub-primary: #4F46E5;--ub-primary-light: #6366F1;--ub-primary-dark: #4338CA;--ub-secondary: #10B981;--ub-danger: #EF4444;--ub-warning: #F59E0B;--ub-success: #10B981;--ub-background: #F8FAFC;--ub-card-bg: #FFFFFF;--ub-text: #1E293B;--ub-text-light: #64748B;--ub-border: #E2E8F0;--ub-shadow: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--ub-shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--ub-radius-sm: 8px;--ub-radius: 12px;--ub-radius-lg: 16px;--ub-radius-xl: 20px;--ub-radius-2xl: 24px}html{font-size:16px}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--ub-background);color:var(--ub-text);line-height:1.5}.ub-utility-dashboard{min-height:100vh;position:relative;overflow-x:hidden}.ub-fab{position:fixed;bottom:24px;right:24px;background:linear-gradient(135deg,var(--ub-primary) 0%,var(--ub-primary-dark) 100%);color:#fff;border:none;width:56px;height:56px;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:10px;font-weight:600;cursor:pointer;z-index:1000;box-shadow:var(--ub-shadow-lg);transition:all .3s ease}.ub-fab:hover{transform:translateY(-4px) scale(1.05);box-shadow:0 20px 40px #4f46e54d}.ub-fab-icon{font-size:18px}.ub-dashboard-content{max-width:1400px;margin:0 auto;padding:20px;display:flex;margin-top:2rem;flex-direction:column;gap:32px}.ub-hero-banner{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:var(--ub-radius-2xl);padding:32px 24px;color:#fff;margin-top:16px;box-shadow:var(--ub-shadow-lg)}.ub-banner-content{display:flex;flex-direction:column;gap:24px;margin-bottom:24px}.ub-banner-text h2{font-size:clamp(1.75rem,4vw,2.25rem);font-weight:700;margin-bottom:12px;line-height:1.2}.ub-banner-subtitle{font-size:clamp(1rem,2vw,1.125rem);opacity:.9;margin-bottom:24px;max-width:600px}.ub-banner-stats{display:flex;flex-wrap:wrap;gap:16px;align-items:center}.ub-stat-item{display:flex;flex-direction:column;min-width:80px}.ub-stat-value{font-size:clamp(1.5rem,3vw,2rem);font-weight:700;line-height:1}.ub-stat-label{font-size:12px;opacity:.8;margin-top:4px}.ub-stat-divider{width:1px;height:32px;background:#ffffff4d;display:none}.ub-banner-cta{display:flex;flex-direction:column;gap:12px;min-width:0}.ub-cta-primary,.ub-cta-secondary{display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:var(--ub-radius-lg);border:none;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%;min-width:140px}.ub-cta-primary{background:#fff;color:var(--ub-primary)}.ub-cta-primary:hover{transform:translateY(-2px);box-shadow:0 10px 20px #fff3}.ub-cta-secondary{background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.3)}.ub-cta-secondary:hover{background:#fff3}.ub-banner-highlights{display:grid;grid-template-columns:1fr;gap:16px}.ub-highlight-card{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--ub-radius-lg);padding:16px;display:flex;align-items:center;gap:12px}.ub-highlight-icon{width:48px;height:48px;border-radius:var(--ub-radius);display:flex;align-items:center;justify-content:center;font-size:20px;flex-shrink:0}.ub-highlight-icon.ub-electricity{background:#ffd70033;color:gold}.ub-highlight-icon.ub-telecom{background:#4a90e233;color:#4a90e2}.ub-highlight-icon.ub-water{background:#00bfff33;color:#00bfff}.ub-highlight-amount{font-size:20px;font-weight:700}.ub-quick-actions-section{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:24px;box-shadow:var(--ub-shadow)}.ub-section-title{font-size:clamp(1.25rem,3vw,1.5rem);font-weight:700;margin-bottom:20px;color:var(--ub-text)}.ub-actions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.ub-action-card{background:var(--ub-background);border:2px solid var(--ub-border);border-radius:var(--ub-radius-lg);padding:20px;display:flex;flex-direction:column;align-items:center;gap:12px;cursor:pointer;transition:all .3s ease;min-height:120px}.ub-action-card:hover{transform:translateY(-4px);border-color:var(--ub-primary);box-shadow:var(--ub-shadow)}.ub-action-icon{font-size:28px;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ub-action-icon.ub-bulk{background:#4f46e51a;color:var(--ub-primary)}.ub-action-icon.ub-schedule{background:#10b9811a;color:var(--ub-success)}.ub-action-icon.ub-history{background:#f59e0b1a;color:var(--ub-warning)}.ub-action-icon.ub-add{background:#ef44441a;color:var(--ub-danger)}.ub-action-title{font-weight:600;color:var(--ub-text);font-size:14px;text-align:center}.ub-bills-overview{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:24px;box-shadow:var(--ub-shadow)}.ub-section-header{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ub-view-all-btn{background:none;border:none;color:var(--ub-primary);font-weight:600;cursor:pointer;font-size:14px;align-self:flex-start}.ub-bills-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:20px}.ub-bill-card{border:2px solid var(--ub-border);border-radius:var(--ub-radius-lg);padding:20px;transition:all .3s ease;border-left-width:4px}.ub-bill-card.ub-pending{border-left-color:var(--ub-warning)}.ub-bill-card.ub-overdue{border-left-color:var(--ub-danger)}.ub-bill-card.ub-paid{border-left-color:var(--ub-success)}.ub-bill-header{display:flex;align-items:flex-start;gap:12px;margin-bottom:16px}.ub-bill-icon{font-size:20px;width:48px;height:48px;background:var(--ub-background);border-radius:var(--ub-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ub-bill-info h4{font-size:16px;margin-bottom:4px;line-height:1.4}.ub-consumer-id{font-size:12px;color:var(--ub-text-light)}.ub-status-badge{padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600;margin-left:auto;flex-shrink:0}.ub-status-badge.ub-pending{background:#fef3c7;color:#92400e}.ub-status-badge.ub-overdue{background:#fee2e2;color:#991b1b}.ub-status-badge.ub-paid{background:#d1fae5;color:#065f46}.ub-bill-details{display:flex;flex-direction:column;gap:12px;margin-bottom:20px}.ub-due-date,.ub-bill-amount{display:flex;flex-direction:column;gap:4px}.ub-due-label,.ub-amount-label{font-size:12px;color:var(--ub-text-light)}.ub-due-value,.ub-amount-value{font-weight:600;font-size:16px}.ub-amount-value{color:var(--ub-primary)}.ub-bill-actions{display:flex;flex-direction:column;gap:12px}.ub-pay-now-btn{padding:12px;background:linear-gradient(135deg,var(--ub-primary) 0%,var(--ub-primary-dark) 100%);color:#fff;border:none;border-radius:var(--ub-radius);font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%}.ub-pay-now-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #4f46e54d}.ub-checkbox-container{display:flex;align-items:center;gap:8px;cursor:pointer;padding:12px;background:var(--ub-background);border-radius:var(--ub-radius);font-size:14px}.ub-checkbox-container input{display:none}.ub-checkmark{width:18px;height:18px;border:2px solid var(--ub-border);border-radius:4px;position:relative;flex-shrink:0}.ub-checkbox-container input:checked+.ub-checkmark{background:var(--ub-primary);border-color:var(--ub-primary)}.ub-checkbox-container input:checked+.ub-checkmark:after{content:"✓";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:11px;font-weight:700}.ub-bulk-action-bar{background:linear-gradient(135deg,var(--ub-primary) 0%,var(--ub-primary-dark) 100%);color:#fff;padding:16px;border-radius:var(--ub-radius-lg);display:flex;flex-direction:column;gap:12px;align-items:center;margin-top:20px;animation:ub-slideUp .3s ease}@keyframes ub-slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.ub-selected-count{font-weight:600;font-size:14px}.ub-bulk-pay-btn{background:#fff;color:var(--ub-primary);border:none;padding:12px 20px;border-radius:var(--ub-radius);font-weight:700;font-size:14px;cursor:pointer;display:flex;align-items:center;gap:8px;transition:all .3s ease;width:100%;justify-content:center}.ub-bulk-pay-btn:hover{transform:translateY(-2px);box-shadow:0 5px 15px #fff3}.ub-features-section{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:32px 24px;box-shadow:var(--ub-shadow)}.ub-features-header{text-align:center;margin-bottom:32px}.ub-features-header h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:12px;color:var(--ub-text);line-height:1.3}.ub-features-subtitle{color:var(--ub-text-light);font-size:clamp(.875rem,2vw,1rem);max-width:800px;margin:0 auto;line-height:1.6}.ub-features-carousel{max-width:600px;margin:0 auto}.ub-carousel-nav{display:flex;justify-content:center;gap:8px;margin-bottom:24px}.ub-carousel-dot{width:8px;height:8px;border-radius:50%;background:var(--ub-border);border:none;cursor:pointer;transition:all .3s ease;padding:0}.ub-carousel-dot.ub-active{background:var(--ub-primary);transform:scale(1.2)}.ub-feature-item{background:linear-gradient(135deg,var(--ub-primary) 0%,var(--ub-primary-dark) 100%);color:#fff;padding:24px;border-radius:var(--ub-radius-lg);text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;min-height:140px;justify-content:center}.ub-feature-icon{font-size:28px;background:#fff3;width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.ub-feature-item p{font-size:clamp(.875rem,2vw,1rem);font-weight:500;line-height:1.5}.ub-instant-payment{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:32px 24px;box-shadow:var(--ub-shadow)}.ub-payment-card{max-width:800px;margin:0 auto}.ub-payment-header{text-align:center;margin-bottom:32px}.ub-payment-header h3{font-size:clamp(1.25rem,3vw,1.75rem);margin-bottom:8px;color:var(--ub-text);line-height:1.3}.ub-payment-header p{color:var(--ub-text-light);font-size:clamp(.875rem,2vw,1rem);line-height:1.5}.ub-payment-success{background:linear-gradient(135deg,#10b981,#059669);color:#fff;border-radius:var(--ub-radius-xl);padding:32px 24px;text-align:center;margin-bottom:32px}.ub-success-animation{margin-bottom:20px}.ub-success-circle{width:72px;height:72px;background:#fff;color:var(--ub-success);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:36px;font-weight:700;margin:0 auto;animation:ub-pulse 2s infinite}@keyframes ub-pulse{0%{transform:scale(1)}50%{transform:scale(1.05)}to{transform:scale(1)}}.ub-success-message h4{font-size:20px;margin-bottom:8px;line-height:1.3}.ub-success-message p{opacity:.9;font-size:14px}.ub-payment-methods h5{text-align:center;font-size:18px;margin-bottom:20px;color:var(--ub-text)}.ub-methods-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.ub-method-btn{background:var(--ub-background);border:2px solid var(--ub-border);border-radius:var(--ub-radius);padding:16px;display:flex;flex-direction:column;align-items:center;gap:8px;cursor:pointer;transition:all .3s ease;min-height:100px}.ub-method-btn.ub-active{border-color:var(--ub-primary);background:#4f46e51a}.ub-method-btn:hover{transform:translateY(-2px)}.ub-method-icon{font-size:24px}.ub-method-name{font-weight:600;font-size:14px;text-align:center}.ub-benefits-section{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:32px 24px;box-shadow:var(--ub-shadow)}.ub-section-subtitle{color:var(--ub-text-light);font-size:clamp(.875rem,2vw,1rem);margin-bottom:32px;line-height:1.5}.ub-benefits-grid{display:grid;grid-template-columns:1fr;gap:20px}.ub-benefit-item{border:2px solid var(--ub-border);border-radius:var(--ub-radius-lg);padding:24px;position:relative;transition:all .3s ease;min-height:180px;display:flex;flex-direction:column}.ub-benefit-item:hover{transform:translateY(-4px);border-color:var(--ub-primary);box-shadow:var(--ub-shadow)}.ub-benefit-icon{font-size:28px;margin-bottom:16px;width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:var(--ub-background);border-radius:var(--ub-radius)}.ub-benefit-content h4{font-size:18px;margin-bottom:8px;color:var(--ub-text);line-height:1.3}.ub-benefit-content p{color:var(--ub-text-light);line-height:1.5;font-size:14px}.ub-benefit-number{position:absolute;top:16px;right:16px;font-size:36px;font-weight:800;color:var(--ub-primary);opacity:.1}.ub-mobile-app{background:linear-gradient(135deg,#1e293b,#0f172a);color:#fff;border-radius:var(--ub-radius-2xl);padding:32px 24px;box-shadow:var(--ub-shadow-lg)}.ub-app-container{display:flex;flex-direction:column;gap:32px}.ub-app-content h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px;line-height:1.3}.ub-app-subtitle{color:#94a3b8;font-size:clamp(.875rem,2vw,1rem);margin-bottom:32px;line-height:1.5}.ub-app-features{display:flex;flex-direction:column;gap:20px;margin-bottom:32px}.ub-app-feature{display:flex;align-items:flex-start;gap:16px}.ub-feature-icon{font-size:20px;background:#ffffff1a;width:48px;height:48px;border-radius:var(--ub-radius);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ub-feature-text{display:flex;flex-direction:column;gap:4px;text-align:left}.ub-feature-text strong{font-size:16px;line-height:1.3}.ub-feature-text span{color:#94a3b8;font-size:13px;line-height:1.4}.ub-app-stores{display:flex;flex-direction:column;gap:12px}.ub-store-btn{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);color:#fff;padding:14px 20px;border-radius:var(--ub-radius);display:flex;align-items:center;justify-content:center;gap:12px;font-weight:600;font-size:14px;cursor:pointer;transition:all .3s ease;width:100%}.ub-store-btn:hover{background:#fff3}.ub-phone-mockup{position:relative;display:flex;justify-content:center}.ub-phone-screen{width:100%;max-width:320px;background:#fff;border-radius:24px;padding:20px;color:var(--ub-text);box-shadow:0 20px 40px #0000004d;margin:0 auto}.ub-screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;padding-bottom:16px;border-bottom:1px solid var(--ub-border)}.ub-screen-header h4{font-size:16px;font-weight:600}.ub-payment-status.ub-paid{background:var(--ub-success);color:#fff;padding:4px 10px;border-radius:20px;font-size:11px;font-weight:600}.ub-screen-content{display:flex;flex-direction:column;gap:16px}.ub-transaction-detail{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--ub-border);font-size:14px}.ub-transaction-detail:last-child{border-bottom:none}.ub-amount{color:var(--ub-primary);font-size:18px}.ub-success-screen{background:linear-gradient(135deg,#10b981,#059669);color:#fff;padding:24px;border-radius:var(--ub-radius-lg);text-align:center;margin-top:16px}.ub-success-check{font-size:36px;margin-bottom:12px}.ub-success-title{font-size:18px;font-weight:700;margin-bottom:6px;line-height:1.3}.ub-success-time{opacity:.9;font-size:13px}.ub-onboarding-section{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:32px 24px;box-shadow:var(--ub-shadow)}.ub-onboarding-content{max-width:800px;margin:0 auto;text-align:center}.ub-onboarding-content h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px;color:var(--ub-text);line-height:1.3}.ub-onboarding-subtitle{color:var(--ub-text-light);font-size:clamp(.875rem,2vw,1rem);margin-bottom:32px;line-height:1.5}.ub-onboarding-steps{display:flex;flex-direction:column;gap:24px;margin-bottom:32px}.ub-step{display:flex;align-items:flex-start;gap:16px;text-align:left;padding:20px;background:var(--ub-background);border-radius:var(--ub-radius-lg)}.ub-step-number{font-size:32px;font-weight:800;color:var(--ub-primary);opacity:.3;flex-shrink:0}.ub-step-content h5{font-size:18px;margin-bottom:6px;color:var(--ub-text);line-height:1.3}.ub-step-content p{color:var(--ub-text-light);font-size:14px;line-height:1.4}.ub-step-connector{color:var(--ub-primary);font-size:24px;opacity:.3;text-align:center;display:none}.ub-onboarding-form{background:var(--ub-background);border-radius:var(--ub-radius-xl);padding:24px;max-width:600px;margin:0 auto}.ub-form-header{display:flex;flex-direction:column;gap:16px;margin-bottom:24px}.ub-verified-badge{background:var(--ub-success);color:#fff;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;width:fit-content;margin:0 auto}.ub-form-header h4{font-size:20px;color:var(--ub-text);line-height:1.3}.ub-form-fields{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:24px}.ub-input-field{display:flex;flex-direction:column;gap:8px}.ub-input-field label{font-weight:600;color:var(--ub-text);font-size:14px}.ub-input-field input{padding:14px;border:2px solid var(--ub-border);border-radius:var(--ub-radius);font-size:14px;background:#fff;color:var(--ub-text)}.ub-connect-btn{width:100%;padding:16px;background:linear-gradient(135deg,var(--ub-primary) 0%,var(--ub-primary-dark) 100%);color:#fff;border:none;border-radius:var(--ub-radius);font-size:16px;font-weight:700;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:12px;transition:all .3s ease}.ub-connect-btn:hover{transform:translateY(-2px);box-shadow:0 10px 20px #4f46e54d}.ub-security-section{background:var(--ub-card-bg);border-radius:var(--ub-radius-xl);padding:32px 24px;box-shadow:var(--ub-shadow)}.ub-security-header{text-align:center;margin-bottom:32px}.ub-security-header h3{font-size:clamp(1.5rem,3vw,2rem);margin-bottom:12px;color:var(--ub-text);line-height:1.3}.ub-security-header p{color:var(--ub-text-light);font-size:clamp(.875rem,2vw,1rem);line-height:1.5}.ub-security-cards{display:grid;grid-template-columns:1fr;gap:24px}.ub-security-card{border:2px solid var(--ub-border);border-radius:var(--ub-radius-xl);padding:24px;display:flex;flex-direction:column;gap:20px;align-items:center;text-align:center}.ub-security-card:hover{border-color:var(--ub-primary)}.ub-security-icon{font-size:32px;width:72px;height:72px;background:var(--ub-background);border-radius:var(--ub-radius-lg);display:flex;align-items:center;justify-content:center;flex-shrink:0}.ub-security-content h4{font-size:20px;margin-bottom:8px;color:var(--ub-text);line-height:1.3}.ub-security-content p{color:var(--ub-text-light);margin-bottom:20px;line-height:1.5;font-size:14px}.ub-security-features{list-style:none;padding:0;margin:0;text-align:left;width:100%}.ub-security-features li{color:var(--ub-text);position:relative;padding:8px 0 8px 24px;font-size:14px;line-height:1.4}.ub-security-features li:before{content:"✓";color:var(--ub-success);position:absolute;left:0;font-weight:700}@media (min-width: 768px){.ub-dashboard-content{padding:24px;gap:40px}.ub-hero-banner{padding:40px 32px;margin-top:20px}.ub-banner-content{flex-direction:row;justify-content:space-between;align-items:flex-start;margin-bottom:32px}.ub-banner-text h2{font-size:36px}.ub-banner-subtitle{font-size:18px}.ub-banner-stats{gap:24px}.ub-stat-divider{display:block}.ub-stat-value{font-size:28px}.ub-stat-label{font-size:14px}.ub-banner-cta{flex-direction:column;min-width:200px}.ub-cta-primary,.ub-cta-secondary{font-size:16px;padding:16px 24px;width:auto}.ub-banner-highlights{grid-template-columns:repeat(3,1fr);gap:20px}.ub-highlight-card{padding:20px;gap:16px}.ub-actions-grid{grid-template-columns:repeat(4,1fr);gap:20px}.ub-action-card{min-height:140px}.ub-action-icon{width:64px;height:64px;font-size:32px}.ub-action-title{font-size:16px}.ub-section-header{flex-direction:row;justify-content:space-between;align-items:center;margin-bottom:24px}.ub-view-all-btn{align-self:auto;font-size:16px}.ub-bills-grid{grid-template-columns:repeat(2,1fr);gap:20px}.ub-bill-actions{flex-direction:row}.ub-pay-now-btn{width:auto;flex:1}.ub-bulk-action-bar{flex-direction:row;justify-content:space-between;align-items:center;padding:20px}.ub-bulk-pay-btn{width:auto}.ub-methods-grid{grid-template-columns:repeat(4,1fr);gap:16px}.ub-method-btn{min-height:120px}.ub-benefits-grid{grid-template-columns:repeat(2,1fr);gap:24px}.ub-app-container{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center}.ub-app-features{align-items:flex-start}.ub-app-stores{flex-direction:row;gap:16px}.ub-store-btn{width:auto;min-width:160px}.ub-onboarding-steps{flex-direction:row;justify-content:center;align-items:center;gap:32px}.ub-step{flex-direction:column;text-align:center;align-items:center;padding:24px;background:none}.ub-step-connector{display:block;transform:rotate(0)}.ub-step-content{text-align:center}.ub-form-header{flex-direction:row;justify-content:space-between;align-items:center}.ub-verified-badge{margin:0}.ub-form-fields{grid-template-columns:1fr 1fr;gap:24px}.ub-security-cards{grid-template-columns:repeat(2,1fr)}.ub-security-card{flex-direction:row;text-align:left;align-items:flex-start}.ub-security-features{text-align:left}}@media (min-width: 1024px){.ub-dashboard-content{padding:32px;gap:48px}.ub-hero-banner{padding:48px 40px;margin-top:24px}.ub-banner-text h2{font-size:42px}.ub-banner-subtitle{font-size:20px}.ub-stat-value{font-size:32px}.ub-quick-actions-section,.ub-bills-overview,.ub-features-section,.ub-instant-payment,.ub-benefits-section,.ub-onboarding-section,.ub-security-section{padding:40px}.ub-section-title{font-size:28px}.ub-benefits-grid{grid-template-columns:repeat(3,1fr);gap:30px}.ub-benefit-item{min-height:200px}.ub-phone-screen{max-width:360px;padding:24px}.ub-screen-header h4{font-size:18px}.ub-transaction-detail{font-size:15px}.ub-success-screen{padding:28px}}@media (min-width: 1280px){.ub-dashboard-content{padding:40px}.ub-hero-banner{padding:56px 48px}.ub-banner-text h2{font-size:48px}.ub-banner-subtitle{font-size:22px}.ub-stat-value{font-size:36px}.ub-actions-grid{gap:24px}.ub-action-card{padding:28px}.ub-bills-grid{gap:24px}.ub-bill-card{padding:24px}}@media (max-width: 360px){.ub-dashboard-content{padding:16px;gap:24px}.ub-hero-banner{padding:24px 16px;margin-top:12px;border-radius:var(--ub-radius-xl)}.ub-banner-text h2{font-size:1.5rem}.ub-banner-subtitle{font-size:.875rem}.ub-banner-stats{flex-direction:column;align-items:flex-start;gap:12px}.ub-stat-item{min-width:auto}.ub-stat-value{font-size:1.25rem}.ub-cta-primary,.ub-cta-secondary{padding:12px 16px;font-size:13px}.ub-actions-grid{grid-template-columns:1fr;gap:12px}.ub-action-card{padding:16px;min-height:100px}.ub-action-icon{width:48px;height:48px;font-size:24px}.ub-action-title{font-size:13px}.ub-quick-actions-section,.ub-bills-overview,.ub-features-section,.ub-instant-payment,.ub-benefits-section,.ub-mobile-app,.ub-onboarding-section,.ub-security-section{padding:20px;border-radius:var(--ub-radius-lg)}.ub-section-title{font-size:1.125rem;margin-bottom:16px}.ub-bill-card{padding:16px}.ub-bill-icon{width:40px;height:40px;font-size:18px}.ub-bill-info h4{font-size:14px}.ub-consumer-id{font-size:11px}.ub-status-badge{font-size:10px;padding:3px 8px}.ub-due-value,.ub-amount-value{font-size:14px}.ub-feature-item{padding:20px;min-height:120px}.ub-feature-icon{width:48px;height:48px;font-size:24px}.ub-feature-item p{font-size:.875rem}.ub-success-circle{width:60px;height:60px;font-size:28px}.ub-success-message h4{font-size:18px}.ub-success-message p{font-size:13px}.ub-payment-methods h5{font-size:16px;margin-bottom:16px}.ub-method-btn{padding:12px;min-height:90px}.ub-method-icon{font-size:20px}.ub-method-name{font-size:12px}.ub-benefit-item{padding:20px;min-height:160px}.ub-benefit-icon{width:48px;height:48px;font-size:24px;margin-bottom:12px}.ub-benefit-content h4{font-size:16px}.ub-benefit-content p{font-size:13px}.ub-benefit-number{font-size:28px;top:12px;right:12px}.ub-app-content h3{font-size:1.5rem}.ub-app-subtitle{font-size:.875rem}.ub-feature-text strong{font-size:14px}.ub-feature-text span{font-size:12px}.ub-store-btn{padding:12px 16px;font-size:13px}.ub-phone-screen{padding:16px;border-radius:20px}.ub-screen-header h4{font-size:14px}.ub-payment-status.ub-paid{font-size:10px;padding:3px 8px}.ub-transaction-detail{font-size:12px;padding:10px 0}.ub-amount{font-size:16px}.ub-success-screen{padding:20px}.ub-success-check{font-size:28px}.ub-success-title{font-size:16px}.ub-success-time{font-size:11px}.ub-onboarding-content h3{font-size:1.5rem}.ub-onboarding-subtitle{font-size:.875rem}.ub-step{padding:16px}.ub-step-number{font-size:24px}.ub-step-content h5{font-size:16px}.ub-step-content p{font-size:12px}.ub-onboarding-form{padding:20px}.ub-verified-badge{font-size:12px;padding:6px 12px}.ub-form-header h4{font-size:18px}.ub-input-field input{padding:12px;font-size:13px}.ub-connect-btn{padding:14px;font-size:15px}.ub-security-header h3{font-size:1.5rem}.ub-security-header p{font-size:.875rem}.ub-security-card{padding:20px}.ub-security-icon{width:60px;height:60px;font-size:28px}.ub-security-content h4{font-size:18px}.ub-security-content p{font-size:13px}.ub-security-features li{font-size:13px;padding-left:20px}.ub-fab{bottom:16px;right:16px;width:48px;height:48px}.ub-fab-icon{font-size:16px}}@media (prefers-color-scheme: dark){:root{--ub-background: #0F172A;--ub-card-bg: #1E293B;--ub-text: #F1F5F9;--ub-text-light: #94A3B8;--ub-border: #334155}.ub-input-field input{background:#334155;color:#fff;border-color:#475569}.ub-checkmark{background:#334155}.ub-method-btn:not(.ub-active){background:#334155}.ub-action-card,.ub-bill-icon,.ub-benefit-icon{background:#334155}}@media (prefers-contrast: high){:root{--ub-primary: #0000FF;--ub-primary-light: #0000FF;--ub-primary-dark: #0000AA;--ub-secondary: #008000;--ub-danger: #FF0000;--ub-warning: #FFA500;--ub-success: #008000;--ub-background: #FFFFFF;--ub-card-bg: #FFFFFF;--ub-text: #000000;--ub-text-light: #333333;--ub-border: #000000}.ub-hero-banner,.ub-mobile-app{background:#000;color:#fff}}:root{--primary: #7c3aed;--primary-dark: #5b21b6;--secondary: #10b981;--accent: #f59e0b;--danger: #ef4444;--dark: #1e293b;--light: #f8fafc;--gray: #64748b;--gray-light: #e2e8f0;--white: #ffffff;--shadow: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 25px -5px rgba(0, 0, 0, .1);--shadow-xl: 0 20px 40px -10px rgba(0, 0, 0, .2);--radius: 12px;--radius-lg: 20px;--transition: all .3s cubic-bezier(.4, 0, .2, 1)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--dark);background:var(--light);overflow-x:hidden}h1,h2,h3,h4{font-weight:700;line-height:1.2}h1{font-size:3.5rem;margin-bottom:1.5rem}h2{font-size:2.5rem;margin-bottom:1rem}h3{font-size:1.5rem;margin-bottom:.75rem}.section-title{text-align:center;margin-bottom:3rem}.gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.primary-btn,.outline-btn,.cta-button{padding:.75rem 1.5rem;border-radius:var(--radius);font-weight:600;font-size:1rem;cursor:pointer;transition:var(--transition);border:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem}.cta-button.primary{background:linear-gradient(135deg,var(--primary),var(--primary-dark));color:var(--white)}.cta-button.primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}.cta-button.outline{background:transparent;border:2px solid var(--gray-light);color:var(--dark)}.cta-button.outline:hover{border-color:var(--primary);color:var(--primary)}.hero-section{display:flex;justify-content:center;align-items:center}.hero-content{display:flex;align-items:center;gap:4rem;padding:0 2rem;position:relative;z-index:10;text-align:center}.hero-text{flex:1}.hero-title{font-size:3.5rem;margin-bottom:1.5rem}.hero-title .highlight{display:block;font-size:4rem;background:linear-gradient(to right,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:.5rem}.hero-subtitle{font-size:1.25rem;opacity:.9;max-width:600px;margin-bottom:2.5rem}.hero-buttons{display:flex;gap:1rem;justify-content:center}.hero-device{flex:1;display:flex;justify-content:center}.pos-device{width:350px;perspective:1000px}.device-screen{background:var(--dark);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:var(--shadow-xl);transform:rotateY(-10deg);animation:float 3s ease-in-out infinite}@keyframes float{0%,to{transform:rotateY(-10deg) translateY(0)}50%{transform:rotateY(-10deg) translateY(-10px)}}.screen-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.device-status{display:flex;gap:.5rem;color:var(--gray)}.device-time{font-weight:600;color:var(--white)}.merchant-info{display:flex;align-items:center;gap:1rem;margin-bottom:2rem}.merchant-logo{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white)}.merchant-details h3{color:var(--white);margin:0}.merchant-details p{color:var(--gray);margin:0}.amount-display{text-align:center;margin-bottom:2rem}.currency{font-size:2rem;color:var(--gray);vertical-align:top}.amount{font-size:3.5rem;font-weight:700;color:var(--white)}.payment-options{display:flex;gap:.5rem;margin-bottom:2rem}.option{flex:1;padding:1rem;background:#ffffff1a;border-radius:var(--radius);display:flex;flex-direction:column;align-items:center;height:75px;color:var(--gray);transition:var(--transition)}.option.active{background:var(--primary);color:var(--white)}.keypad{margin-bottom:1.5rem}.key{flex:1;aspect-ratio:1;background:#ffffff1a;border:none;border-radius:var(--radius);color:var(--white);font-size:1.25rem;font-weight:600;height:50px;cursor:pointer;transition:var(--transition)}.key:hover{background:#fff3}.key.fn{font-size:.875rem}.key.clear{color:var(--danger)}.pay-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--secondary),#059669);border:none;border-radius:var(--radius);color:var(--white);font-weight:600;font-size:1.125rem;display:flex;align-items:center;justify-content:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.pay-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.interactive-section{padding:6rem 2rem;background:var(--light)}.transaction-cards{display:flex;gap:2rem;justify-content:center;flex-wrap:wrap}.transaction-card{background:var(--white);border-radius:var(--radius-lg);padding:1.5rem;width:320px;box-shadow:var(--shadow);transition:var(--transition);border:2px solid transparent}.transaction-card.active{border-color:var(--primary);box-shadow:var(--shadow-lg)}.card-header{display:flex;align-items:center;gap:1rem;margin-bottom:1.5rem}.merchant-badge{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white)}.merchant-badge.secondary{background:linear-gradient(135deg,var(--accent),#f97316)}.terminal-info h4{margin:0;color:var(--dark)}.terminal-info p{color:var(--gray);margin:0;font-size:.875rem}.transaction-details{display:flex;flex-direction:column;gap:.75rem}.detail{display:flex;justify-content:space-between;align-items:center}.detail span:first-child{color:var(--gray);font-size:.875rem}.detail strong{font-size:1.25rem;color:var(--dark)}.status{padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.status.success{background:#dcfce7;color:#166534}.status.pending{background:#fef3c7;color:#92400e}.features-section{padding:6rem 2rem;background:var(--white)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.feature-card{background:var(--light);border-radius:var(--radius-lg);padding:2rem;transition:var(--transition)}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.feature-icon{width:64px;height:64px;border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--white)}.feature-icon.blue{background:linear-gradient(135deg,#3b82f6,#1d4ed8)}.feature-icon.green{background:linear-gradient(135deg,var(--secondary),#059669)}.feature-icon.purple{background:linear-gradient(135deg,var(--primary),var(--primary-dark))}.feature-icon.orange{background:linear-gradient(135deg,var(--accent),#f97316)}.card-brands{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.brand-tag{padding:.25rem .75rem;background:#3b82f61a;border-radius:4px;font-size:.75rem;font-weight:600;color:#1d4ed8}.security-badges{display:flex;flex-direction:column;gap:.5rem;margin-top:1rem}.badge{display:flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--gray)}.feature-list{list-style:none;margin-top:1rem}.feature-list li{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem;font-size:.875rem;color:var(--gray)}.feature-list svg{color:var(--secondary)}.qr-demo{display:flex;align-items:center;gap:1rem;margin-top:1rem}.qr-placeholder{width:80px;height:80px;background:linear-gradient(45deg,var(--dark),#374151);border-radius:var(--radius)}.qr-info small{color:var(--gray);font-size:.75rem}.categories-section{padding:6rem 2rem;background:var(--light)}.category-filters{display:flex;justify-content:center;flex-wrap:wrap;gap:.5rem;margin-bottom:3rem}.category-filter{padding:.75rem 1.5rem;background:var(--white);border:2px solid var(--gray-light);border-radius:var(--radius);font-weight:500;color:var(--dark);cursor:pointer;transition:var(--transition);display:flex;align-items:center;gap:.5rem}.category-filter:hover{border-color:var(--primary);color:var(--primary)}.category-filter.active{background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-color:var(--primary);color:var(--white)}.industry-showcase{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1200px;margin:0 auto}.industry-card{background:var(--white);border-radius:var(--radius-lg);padding:2rem;text-align:center;transition:var(--transition)}.industry-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.industry-icon{width:64px;height:64px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--white)}.qr-section{padding:6rem 2rem;background:linear-gradient(135deg,#f6f7ff,#f0f4ff)}.qr-content{display:flex;align-items:center;gap:4rem;max-width:1200px;margin:0 auto}.qr-demo-container{flex:1}.qr-device{background:var(--white);border-radius:var(--radius-lg);padding:2rem;box-shadow:var(--shadow-xl);max-width:360px}.qr-screen{background:var(--dark);border-radius:var(--radius);overflow:hidden}.qr-header{display:flex;justify-content:space-between;align-items:center;padding:1rem;background:#ffffff1a}.back-button{color:var(--white);cursor:pointer}.qr-header h4{color:var(--white);margin:0}.time{color:var(--white);font-weight:600}.qr-body{padding:1.5rem}.payment-type{display:flex;gap:.5rem;margin-bottom:2rem}.type-btn{flex:1;padding:.75rem;background:transparent;border:1px solid var(--gray);border-radius:var(--radius);color:var(--gray);cursor:pointer;transition:var(--transition)}.type-btn.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.payee-details{display:flex;flex-direction:column;gap:1rem;margin-bottom:2rem}.detail-row{display:flex;justify-content:space-between;align-items:center}.detail-row span{color:var(--gray);font-size:.875rem}.detail-row strong{color:var(--white)}.amount{font-size:1.5rem;color:var(--secondary)!important}.qr-code-display{display:flex;justify-content:center;margin-bottom:2rem}.qr-grid{width:160px;height:160px;display:flex;justify-content:center;align-items:center;background:var(--white);border-radius:var(--radius)}.qr-grid img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius)}.send-button{width:100%;padding:1rem;background:linear-gradient(135deg,var(--secondary),#059669);border:none;border-radius:var(--radius);color:var(--white);font-weight:600;font-size:1.125rem;cursor:pointer;transition:var(--transition)}.send-button:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.qr-info h2{text-align:left;margin-bottom:1.5rem}.qr-benefits{display:flex;flex-direction:column;gap:1.5rem;margin:2rem 0}.benefit{display:flex;align-items:flex-start;gap:1rem}.benefit svg{color:var(--secondary);flex-shrink:0}.benefit h4{margin:0 0 .25rem}.benefit p{margin:0;color:var(--gray);font-size:.875rem}.learn-more-btn{background:transparent;border:none;color:var(--primary);font-weight:600;display:flex;align-items:center;gap:.5rem;cursor:pointer;transition:var(--transition)}.learn-more-btn:hover{gap:1rem}@media (max-width: 1024px){h1{font-size:2.75rem}h2{font-size:2rem}.hero-content{flex-direction:column;text-align:center}.qr-content{flex-direction:column}.hero-title .highlight{font-size:3rem}}@media (max-width: 768px){.hero-title{font-size:2.25rem}.hero-title .highlight{font-size:2.5rem}.hero-buttons,.transaction-cards{flex-direction:column;align-items:center}.hero-content,.interactive-section,.features-section,.categories-section,.qr-section{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){h1{font-size:1.875rem}h2{font-size:1.5rem}.hero-title .highlight{font-size:2rem}.device-screen{transform:rotateY(0)}.category-filters{gap:.25rem}.category-filter{padding:.5rem 1rem;font-size:.875rem}.pos-device{width:300px}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.animate-fade-in{animation:fadeIn .6s ease-out forwards}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--light)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,var(--primary-dark),#059669)}.micro-atm-section{padding:6rem 2rem;background:linear-gradient(135deg,#f8fafc,#f1f5f9)}.micro-atm-section .container{max-width:1200px;margin:0 auto;margin-top:-7rem}.gradient-subtitle{display:block;font-size:2rem;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;margin-top:.5rem}.section-description{max-width:800px;margin:1rem auto 0;color:var(--gray);font-size:1.125rem}.micro-atm-content{display:flex;gap:4rem;align-items:center;margin-bottom:4rem}.micro-atm-features{flex:1;display:grid;grid-template-columns:repeat(2,1fr);gap:2rem}.micro-atm-features .feature-card{background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);border:1px solid var(--gray-light)}.micro-atm-features .feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.micro-atm-features .feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1.5rem;color:var(--white)}.micro-atm-features h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--dark)}.micro-atm-features p{color:var(--gray);font-size:.95rem;line-height:1.6}.micro-atm-device{flex:1;display:flex;justify-content:center}.atm-interface{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);padding:2rem;width:100%;max-width:400px;box-shadow:var(--shadow-xl);border:1px solid rgba(255,255,255,.1)}.atm-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:1px solid rgba(255,255,255,.1)}.bank-logo{color:var(--white);font-size:1.5rem;font-weight:700;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.atm-status{display:flex;align-items:center;gap:.5rem;color:var(--white);font-size:.875rem}.status-dot{width:8px;height:8px;border-radius:50%;background:#ef4444}.status-dot.active{background:#10b981;animation:pulse 2s infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.atm-screen{background:#ffffff0d;border-radius:var(--radius);padding:1.5rem;margin-bottom:2rem}.transaction-type{margin-bottom:2rem}.transaction-type h4{color:var(--white);margin-bottom:1rem;font-size:1rem;opacity:.9}.transaction-options{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.atm-option{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:1rem;color:var(--gray);cursor:pointer;transition:var(--transition);display:flex;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem}.atm-option:hover{background:#ffffff26;border-color:#ffffff4d}.atm-option.active{background:var(--primary);border-color:var(--primary);color:var(--white)}.amount-selection{margin-bottom:2rem}.amount-selection h4{color:var(--white);margin-bottom:1rem;font-size:1rem;opacity:.9}.amount-buttons{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.amount-btn{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:.75rem;color:var(--white);height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:var(--transition);font-size:.875rem}.amount-btn:hover{background:#ffffff26;border-color:#ffffff4d}.atm-keypad{margin-bottom:2rem}.keypad-row{display:flex;gap:.5rem;margin-bottom:.5rem}.atm-key{flex:1;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius);padding:1rem;color:var(--white);cursor:pointer;transition:var(--transition);font-size:1.125rem;font-weight:600;height:20px;display:flex;align-items:center;justify-content:center}.atm-key:hover{background:#ffffff26;border-color:#ffffff4d}.atm-key.clear{color:#ef4444}.atm-key.enter{background:var(--secondary);border-color:var(--secondary);color:var(--white)}.atm-actions{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:10px}.atm-cancel,.atm-proceed{flex:1;padding:1rem;border-radius:var(--radius);cursor:pointer;transition:var(--transition);font-weight:600;font-size:.875rem}.atm-cancel{background:#ef44441a;border:1px solid rgba(239,68,68,.3);color:#ef4444}.atm-cancel:hover{background:#ef444433}.atm-proceed{background:linear-gradient(135deg,var(--secondary),#059669);border:none;color:var(--white)}.atm-proceed:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.atm-footer{display:flex;justify-content:space-between;align-items:center;padding-top:1rem;border-top:1px solid rgba(255,255,255,.1)}.card-slot,.receipt-printer{display:flex;align-items:center;gap:.5rem}.slot-indicator,.printer-indicator{width:100px;height:30px;background:#ffffff0d;border:1px dashed rgba(255,255,255,.3);border-radius:4px;display:flex;align-items:center;justify-content:center;color:var(--gray);font-size:.75rem;text-transform:uppercase}.micro-atm-benefits{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:2rem;margin-top:4rem}.benefit-card{background:var(--white);padding:2rem;border-radius:var(--radius-lg);box-shadow:var(--shadow);transition:var(--transition);text-align:center;border:1px solid var(--gray-light)}.benefit-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg);border-color:var(--primary)}.benefit-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1.5rem;color:var(--white)}.benefit-card h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--dark)}.benefit-card p{color:var(--gray);font-size:.9rem;line-height:1.6}@media (max-width: 1024px){.micro-atm-content{flex-direction:column;gap:3rem}.micro-atm-features{width:100%}.atm-interface{max-width:500px}}@media (max-width: 768px){.micro-atm-features{grid-template-columns:1fr}.transaction-options,.amount-buttons{grid-template-columns:repeat(2,1fr)}.atm-interface{padding:1.5rem}}@media (max-width: 480px){.micro-atm-section{padding:4rem 1rem}.gradient-subtitle{font-size:1.5rem}.transaction-options{grid-template-columns:1fr}.amount-buttons{grid-template-columns:repeat(2,1fr)}.atm-footer{flex-direction:column;gap:1rem}.micro-atm-benefits{grid-template-columns:1fr}}.static-qr-section{padding:6rem 2rem;background:linear-gradient(135deg,#fff,#f8fafc)}.static-qr-section .S-container{max-width:1200px;margin:0 auto;margin-top:3rem}.section-header{text-align:center;margin-bottom:4rem}.section-title{font-size:3rem;margin-bottom:1rem;color:var(--dark)}.section-title .gradient-text{background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent}.section-subtitle{font-size:1.25rem;color:var(--gray);max-width:800px;margin:0 auto;line-height:1.6}.qr-features-grid{display:grid;grid-template-columns:repeat(12,1fr);gap:2rem}.qr-feature-card{grid-column:span 4;background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--gray-light);transition:var(--transition)}.qr-feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-lg)}.qr-feature-card.highlighted{border:2px solid var(--primary);background:linear-gradient(135deg,#f8fafc,#fff)}.feature-icon-wrapper{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem}.feature-icon{width:56px;height:56px;background:linear-gradient(135deg,var(--primary),var(--primary-dark));border-radius:12px;display:flex;align-items:center;justify-content:center;color:var(--white)}.feature-number{font-size:3rem;font-weight:800;background:linear-gradient(135deg,var(--primary),var(--secondary));-webkit-background-clip:text;background-clip:text;color:transparent;opacity:.1}.qr-feature-card h3{font-size:1.5rem;margin-bottom:1rem;color:var(--dark)}.qr-feature-card p{color:var(--gray);margin-bottom:1.5rem;line-height:1.6}.feature-tags{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.tag{padding:.375rem .75rem;background:#7c3aed1a;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--primary)}.security-features{display:flex;flex-direction:column;gap:.75rem;margin:1.5rem 0}.security-item{display:flex;align-items:center;gap:.75rem}.check-icon{width:24px;height:24px;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.security-item span{font-size:.95rem;color:var(--dark);font-weight:500}.transparency-card{background:linear-gradient(135deg,#10b9811a,#10b9810d);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;border:1px solid rgba(16,185,129,.2)}.transparency-card h4{color:var(--secondary);margin-bottom:.5rem;font-size:1.125rem}.transparency-card p{color:var(--gray);margin:0;font-size:.9rem}.benefit-box{background:linear-gradient(135deg,#f59e0b1a,#f59e0b0d);border-radius:var(--radius);padding:1.5rem;margin:1.5rem 0;border:1px solid rgba(245,158,11,.2)}.benefit-box h4{color:var(--accent);margin-bottom:.5rem;font-size:1.125rem}.benefit-box p{color:var(--gray);margin:0;font-size:.9rem}.upi-payment-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius);padding:1.5rem;margin-top:1.5rem;color:var(--white)}.upi-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem}.upi-header h4{color:var(--white);margin:0;font-size:1.125rem}.upi-badge{background:var(--secondary);color:var(--white);padding:.25rem .75rem;border-radius:20px;font-size:.75rem;font-weight:600}.upi-payment-card p{color:#fffc;margin-bottom:1.5rem;font-size:.9rem}.upi-apps{display:flex;gap:1rem}.upi-app{display:flex;flex-direction:column;align-items:center;gap:.5rem}.app-icon{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);font-weight:600;font-size:.875rem}.app-icon.gp{background:linear-gradient(135deg,#4285f4,#34a853)}.app-icon.pp{background:linear-gradient(135deg,#5b21b6,#7c3aed)}.app-icon.pt{background:linear-gradient(135deg,#0ea5e9,#06b6d4)}.upi-app span{font-size:.75rem;color:#ffffffb3}.qr-display-section{grid-column:span 4}.qr-display-card{background:var(--white);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow);border:1px solid var(--gray-light);height:100%}.qr-display-card h3{font-size:1.5rem;margin-bottom:2rem;color:var(--dark)}.display-options{display:flex;flex-direction:column;gap:1.5rem;margin-bottom:2rem}.display-option{display:flex;align-items:flex-start;gap:1rem}.display-icon{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:8px;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.display-option h4{font-size:1rem;margin-bottom:.25rem;color:var(--dark)}.display-option p{color:var(--gray);font-size:.875rem;margin:0}.qr-preview{background:linear-gradient(135deg,#f8fafc,#fff);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--gray-light);display:flex;align-items:center;gap:1.5rem}.qr-code-large{width:140px;height:140px;background:var(--white);border-radius:12px;position:relative;border:1px solid var(--gray-light);display:flex;align-items:center;justify-content:center}.qr-grid-pattern{width:90%;height:90%;background-image:linear-gradient(to right,#1e293b 2px,transparent 2px),linear-gradient(to bottom,#1e293b 2px,transparent 2px);background-size:10px 10px;opacity:.3}.qr-center{position:absolute;width:40px;height:40px;background:var(--white);border:2px solid var(--primary);border-radius:8px;display:flex;align-items:center;justify-content:center}.qr-logo{color:var(--primary)}.qr-info{flex:1}.qr-info h4{font-size:1.125rem;margin-bottom:.5rem;color:var(--dark)}.qr-info p{color:var(--gray);font-size:.875rem;margin-bottom:1rem}.qr-stats{display:flex;gap:1.5rem}.stat{text-align:center}.stat-value{display:block;font-size:1.25rem;font-weight:700;color:var(--primary);margin-bottom:.25rem}.stat-label{font-size:.75rem;color:var(--gray);text-transform:uppercase;letter-spacing:.5px}.business-types-section{grid-column:span 4}.business-types-section h3{font-size:1.5rem;margin-bottom:2rem;color:var(--dark);text-align:center}.business-cards{display:flex;flex-direction:column;text-align:center;gap:1.5rem}.business-card{background:var(--white);border-radius:var(--radius);padding:1.5rem;border:1px solid var(--gray-light);transition:var(--transition);display:flex;flex-direction:column;align-items:center}.business-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:var(--primary)}.business-icon{width:48px;height:48px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;color:var(--white)}.business-card h4{font-size:1.125rem;margin-bottom:.75rem;color:var(--dark)}.business-card p{color:var(--gray);font-size:.875rem;margin-bottom:1rem;line-height:1.5}.business-tags{display:flex;flex-wrap:wrap;gap:.5rem}.business-tags span{padding:.25rem .75rem;background:#7c3aed1a;border-radius:20px;font-size:.75rem;font-weight:600;color:var(--primary)}.upi-info-section{grid-column:span 12;margin-top:2rem}.upi-info-card{background:linear-gradient(135deg,#1e293b,#0f172a);border-radius:var(--radius-lg);padding:3rem;color:var(--white)}.upi-header-main{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem}.upi-header-main h3{font-size:1.75rem;margin:0;background:linear-gradient(135deg,#fbbf24,#f59e0b);-webkit-background-clip:text;background-clip:text;color:transparent}.upi-logo{background:linear-gradient(135deg,#fbbf24,#f59e0b);color:#1e293b;width:60px;height:60px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:800}.upi-definition{margin-bottom:2rem}.upi-definition h4{font-size:1.25rem;margin-bottom:1rem;color:var(--white)}.upi-definition p{color:#fffc;line-height:1.6;max-width:800px}.upi-features{display:grid;grid-template-columns:repeat(2,1fr);gap:1rem;margin-bottom:2rem}.upi-feature{display:flex;align-items:center;gap:.75rem}.feature-check{width:24px;height:24px;background:var(--secondary);border-radius:50%;display:flex;align-items:center;justify-content:center;color:var(--white);flex-shrink:0}.upi-feature span{color:#ffffffe6;font-weight:500}.how-it-works{margin-bottom:2rem}.how-it-works h4{font-size:1.25rem;margin-bottom:1.5rem;color:var(--white)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem}.step{text-align:center;background-color:#0f172a}.step-number{width:40px;height:40px;background:linear-gradient(135deg,var(--primary),var(--secondary));border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 1rem;color:var(--white);font-weight:600;font-size:1.125rem}.step p{color:#fffc;font-size:.875rem;line-height:1.4}.get-started-btn{background:linear-gradient(135deg,var(--secondary),#059669);color:var(--white);border:none;border-radius:var(--radius);padding:1rem 2rem;font-size:1rem;font-weight:600;cursor:pointer;transition:var(--transition);display:flex;align-items:center;justify-content:center;gap:.75rem;margin:0 auto}.get-started-btn:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg)}@media (max-width: 1024px){.qr-features-grid{grid-template-columns:repeat(6,1fr)}.qr-feature-card,.qr-display-section,.business-types-section,.upi-info-section{grid-column:span 6}.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.static-qr-section{padding:4rem 1rem}.section-title{font-size:2rem}.qr-features-grid{grid-template-columns:1fr}.qr-feature-card,.qr-display-section,.business-types-section,.upi-info-section{grid-column:1}.upi-features,.steps{grid-template-columns:1fr}.qr-preview{flex-direction:column;text-align:center}.qr-stats{justify-content:center}}@media (max-width: 480px){.section-title{font-size:1.75rem}.qr-feature-card,.qr-display-card,.upi-info-card{padding:1.5rem}.qr-code-large{width:120px;height:120px}.get-started-btn{width:100%}}:root{line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--primaryColor: #8e6300}*{margin:0;padding:0;box-sizing:border-box;list-style:none}.fullWidth{width:calc(100vw - 240px);margin-inline:auto}html{scroll-behavior:smooth}body{font-family:Open Sans,sans-serif;color:#333}#root{position:relative;width:100vw;min-height:100vh;overflow-x:hidden}.max-width{max-width:1600px;width:100%;margin-inline:auto}a{color:#050505;font-weight:700;text-decoration:none}.mt{margin-top:60px}button,input,textarea{outline:none;border:none;cursor:pointer;font-family:inherit;font-weight:600;font-size:1rem;color:#333}button:focus{filter:sepia(50%)}.subTitle{position:relative;font-size:clamp(1rem,3vw,1.8rem);font-weight:700;font-family:Raleway,sans-serif;color:#333;text-transform:capitalize;text-align:center;margin-bottom:.5rem;margin-inline:auto;width:max-content;z-index:1;text-decoration:underline;text-decoration-color:var(--primaryColor);padding:0 clamp(.5rem,5vw,1rem)}.themeText{color:var(--primaryColor);font-weight:700;font-family:Raleway,sans-serif}*:focus{outline:1px solid var(--primaryColor)}.fixedWidthText{max-width:200px;font-weight:600;color:#000;text-overflow:ellipsis;white-space:nowrap;width:100%;font-size:.8em;overflow:hidden;display:block}@media screen and (max-width: 765px){.fullWidth{width:100vw}}