:root{--primary-blue:#3b82f6;--primary-blue-dark:#2563eb;--primary-blue-darker:#1d4ed8;--primary-gradient:linear-gradient(135deg, #3b82f6, #2563eb);--primary-gradient-hover:linear-gradient(135deg, #2563eb, #1d4ed8);--bg-light:#f8fafc;--bg-gradient:linear-gradient(135deg, #f8fafc 0%, #eef2ff 100%);--text-dark:#0f172a;--text-gray:#475569;--text-light:#64748b;--border-light:#e2e8f0;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-md:0 4px 6px -1px #0000000d, 0 2px 4px -1px #00000008;--shadow-lg:0 10px 15px -3px #00000014, 0 4px 6px -2px #0000000d}@media (prefers-color-scheme:dark){:root{--bg-light:#0f172a;--bg-gradient:linear-gradient(135deg, #0f172a 0%, #1e293b 100%);--text-dark:#f1f5f9;--text-gray:#cbd5e1;--text-light:#94a3b8;--border-light:#1e293b}}body{background:var(--bg-gradient);color:var(--text-dark);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Poppins,sans-serif;line-height:1.5}.app{background:var(--bg-gradient);min-height:100vh;position:relative}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#00000080;animation:.3s fadeIn;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}button{cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1)}button:hover{opacity:.9;transform:translateY(-2px)}input:focus{border-color:var(--primary-blue);outline:none;transform:scale(1.02);box-shadow:0 0 0 3px #3b82f633}.loading-container{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:4rem 2rem;display:flex}.loading-spinner{border:3px solid var(--border-light);border-top-color:var(--primary-blue);border-radius:50%;width:48px;height:48px;margin-bottom:1rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-container p{color:var(--text-light);font-size:.938rem;font-weight:500}.pagination{flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin:2.5rem 0 3rem;padding:0 1rem;display:flex}.pagination button{border:1px solid var(--border-light);background:var(--bg-light);cursor:pointer;min-width:2.5rem;height:2.5rem;color:var(--text-gray);border-radius:.75rem;justify-content:center;align-items:center;padding:0 .75rem;font-size:.875rem;font-weight:600;transition:all .2s;display:inline-flex}.pagination button:hover:not(:disabled){background:var(--primary-gradient);color:#fff;border-color:#0000;transform:translateY(-2px);box-shadow:0 4px 12px #3b82f64d}.pagination button:active:not(:disabled){transform:translateY(0)}.pagination-nav{font-size:1rem;font-weight:600}.pagination-nav svg{stroke:currentColor;width:18px;height:18px}.pagination .active-page{box-shadow:0 4px 12px #3b82f64d;background:var(--primary-gradient)!important;color:#fff!important;border-color:#0000!important}.pagination .active-page:hover{transform:translateY(-2px);box-shadow:0 6px 16px #3b82f666;background:var(--primary-gradient-hover)!important}.pagination button:disabled{background:var(--border-light);border-color:var(--border-light);color:var(--text-light);cursor:not-allowed;opacity:.5;transform:none}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb{background:var(--primary-gradient);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--primary-gradient-hover)}*{scrollbar-width:thin;scrollbar-color:var(--primary-blue) var(--border-light)}@media (width<=768px){.pagination{gap:.375rem;margin:2rem 0}.pagination button{min-width:2.25rem;height:2.25rem;padding:0 .5rem;font-size:.813rem}.pagination-nav svg{width:16px;height:16px}}@media (width<=640px){.pagination{gap:.3rem;margin:1.5rem 0}.pagination button{min-width:2rem;height:2rem;padding:0 .375rem;font-size:.75rem}}@media (width<=480px){.pagination{gap:.25rem}.pagination button{min-width:1.75rem;height:1.75rem;padding:0 .25rem;font-size:.7rem}.pagination-nav svg{width:14px;height:14px}}.container{max-width:1400px;margin:0 auto;padding:0 1rem}.no-scrollbar{-ms-overflow-style:none;scrollbar-width:none}.no-scrollbar::-webkit-scrollbar{display:none}::selection{background:var(--primary-blue);color:#fff}::selection{background:var(--primary-blue);color:#fff}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.cards-section{background:linear-gradient(135deg,#f9fafb 0%,#f3f4f6 100%);padding:4rem 2rem;position:relative;overflow:hidden}.section-header{text-align:center;margin-bottom:3rem}.section-title{letter-spacing:-.02em;background:linear-gradient(135deg,#111827 0%,#1f2937 100%);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.section-subtitle{color:#6b7280;font-size:1rem}.card-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;max-width:1280px;margin:0 auto;display:grid}.card{text-align:center;cursor:pointer;background:#fff;border:1px solid #f3f4f6;border-radius:1.5rem;padding:1.75rem;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 6px -1px #0000000d,0 2px 4px -1px #00000008}.card:hover{border-color:#e5e7eb;transform:translateY(-4px);box-shadow:0 20px 25px -5px #00000014,0 8px 10px -6px #00000005}.logo-container{background:#f9fafb;border-radius:1rem;justify-content:center;align-items:center;width:80px;height:80px;margin:0 auto 1.25rem;padding:.75rem;transition:background .2s;display:flex}.card:hover .logo-container{background:#f3f4f6}.brand-logo{object-fit:contain;max-width:100%;max-height:100%}.card-title{color:#111827;margin-bottom:.75rem;font-size:1.125rem;font-weight:600;line-height:1.4}.offer-container{margin:1rem 0}.offer-badge{color:#1f2937;letter-spacing:-.01em;background:#f3f4f6;border-radius:2rem;padding:.375rem .875rem;font-size:.75rem;font-weight:500;display:inline-block}.card-btn{color:#fff;cursor:pointer;background:#111827;border:none;border-radius:2rem;align-items:center;gap:.5rem;width:auto;margin-top:.5rem;padding:.5rem 1.25rem;font-size:.75rem;font-weight:500;transition:background .2s;display:inline-flex}.card-btn:hover{background:#1f2937}.no-results{text-align:center;color:#6b7280;background:#fff;border:1px solid #f3f4f6;border-radius:1.5rem;max-width:500px;margin:2rem auto;padding:3rem}@media (width<=768px){.cards-section{padding:2rem 1rem}.section-title{font-size:1.75rem}.card-grid{gap:1rem}.card{padding:1.25rem}.logo-container{width:64px;height:64px}}:root{--primary-gradient:linear-gradient(135deg, #3b82f6, #2563eb);--primary-gradient-hover:linear-gradient(135deg, #2563eb, #1d4ed8);--bg-primary:#fffffffa;--text-primary:#0a0a0a;--text-secondary:#5a5a5a;--border-light:#0000000d;--shadow-sm:0 1px 2px #0000000a, 0 1px 3px #0000000f;--shadow-md:0 4px 12px #0000000d, 0 1px 2px #00000008;--shadow-lg:0 10px 25px -5px #00000014, 0 8px 10px -6px #00000005;--transition-base:.25s cubic-bezier(.4, 0, .2, 1);--transition-fast:.15s cubic-bezier(.4, 0, .2, 1)}@media (prefers-color-scheme:dark){:root{--bg-primary:#0a0a0ffa;--text-primary:#fafafa;--text-secondary:#a1a1aa;--border-light:#ffffff0d}}.navbar{background:var(--bg-primary);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:var(--shadow-md);z-index:1000;border-bottom:1px solid var(--border-light);transition:all var(--transition-base);justify-content:space-between;align-items:center;padding:1rem 2rem;display:flex;position:sticky;top:0}.navbar.scrolled{box-shadow:var(--shadow-lg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);padding:.75rem 2rem}.navbar-left{align-items:center;gap:1.5rem;display:flex}.menu-btn{cursor:pointer;width:44px;height:44px;transition:all var(--transition-fast);background:0 0;border:none;border-radius:12px;justify-content:center;align-items:center;display:flex;position:relative}.menu-btn:hover{background:var(--border-light);transform:scale(.96)}.menu-btn:active{transform:scale(.92)}.menu-icon-wrapper{flex-direction:column;justify-content:space-between;width:22px;height:18px;display:flex;position:relative}.menu-line{background:var(--text-primary);border-radius:2px;width:100%;height:2px;transition:all .3s cubic-bezier(.68,-.55,.265,1.55);display:block}.menu-btn.active .menu-line.top{transform:translateY(8px)rotate(45deg)}.menu-btn.active .menu-line.middle{opacity:0;transform:scaleX(0)}.menu-btn.active .menu-line.bottom{transform:translateY(-8px)rotate(-45deg)}.menu-btn:hover .menu-line{background:#3b82f6}.logo-section{align-items:center;text-decoration:none;display:flex;position:relative}.logo{letter-spacing:-.02em;color:#fff;-webkit-text-fill-color:#fff;background:0 0;margin:0;font-size:1.5rem;font-weight:800}.logo-section:after{content:"";background:linear-gradient(135deg,#3b82f6,#8b5cf6);width:0;height:2px;transition:width .3s;position:absolute;bottom:-4px;left:0}.logo-section:hover:after{width:100%}.auth-buttons{align-items:center;gap:.75rem;display:flex}.login-btn{border:1px solid var(--border-light);color:var(--text-primary);cursor:pointer;transition:all var(--transition-base);background:0 0;border-radius:40px;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600}.login-btn:hover{background:var(--border-light);transform:translateY(-2px)}.register-btn{background:var(--primary-gradient);color:#fff;cursor:pointer;transition:all var(--transition-base);border:none;border-radius:40px;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;display:flex;box-shadow:0 2px 8px #3b82f640}.register-btn .btn-arrow{stroke:currentColor;stroke-width:2.5px;width:16px;height:16px;transition:transform var(--transition-fast)}.register-btn:hover .btn-arrow{transform:translate(3px)}.register-btn:hover{background:var(--primary-gradient-hover);transform:translateY(-2px);box-shadow:0 6px 16px #2563eb66}.user-menu{align-items:center;gap:.75rem;display:flex}.user-avatar{background:var(--primary-gradient);color:#fff;width:38px;height:38px;box-shadow:var(--shadow-sm);transition:all var(--transition-fast);cursor:pointer;border-radius:50%;justify-content:center;align-items:center;font-size:1rem;font-weight:600;display:flex}.user-avatar:hover{box-shadow:var(--shadow-md);transform:scale(1.05)}.logout-btn{border:1px solid var(--border-light);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast);background:0 0;border-radius:40px;align-items:center;gap:.5rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:flex}.logout-btn svg{width:16px;height:16px}.logout-btn:hover{color:#ef4444;background:#ef444414;border-color:#ef44444d}.logout-btn:active{transform:scale(.96)}.navbar.scrolled{box-shadow:var(--shadow-lg);padding:.75rem 2rem}@media (width<=768px){.navbar{padding:.75rem 1rem}.navbar.scrolled{padding:.5rem 1rem}.logo{font-size:1.25rem}.login-btn,.register-btn{padding:.4rem 1rem;font-size:.75rem}.register-btn .btn-arrow{display:none}.user-avatar{width:34px;height:34px;font-size:.875rem}.logout-btn span{display:none}.logout-btn{padding:.5rem}}@media (width<=480px){.logo{font-size:1rem}.login-btn,.register-btn{padding:.35rem .75rem}.menu-btn{width:38px;height:38px}.menu-icon-wrapper{width:18px;height:14px}}.menu-btn:focus-visible,.login-btn:focus-visible,.register-btn:focus-visible,.logout-btn:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}:root{--sidebar-primary:linear-gradient(135deg, #3b82f6, #2563eb);--sidebar-primary-hover:linear-gradient(135deg, #2563eb, #1d4ed8);--sidebar-bg:#fff;--sidebar-text:#1e293b;--sidebar-text-light:#64748b;--sidebar-border:#e2e8f0;--sidebar-hover-bg:#f1f5f9;--sidebar-active-bg:#3b82f614;--sidebar-active-border:#3b82f6}@media (prefers-color-scheme:dark){:root{--sidebar-bg:#0f172a;--sidebar-text:#f1f5f9;--sidebar-text-light:#94a3b8;--sidebar-border:#1e293b;--sidebar-hover-bg:#1e293b;--sidebar-active-bg:#3b82f626}}.sidebar{background:var(--sidebar-bg);z-index:1001;flex-direction:column;width:280px;height:100vh;transition:transform .3s cubic-bezier(.4,0,.2,1);display:flex;position:fixed;top:0;left:0;overflow-y:auto;transform:translate(-100%);box-shadow:0 25px 50px -12px #00000040}.sidebar.open{transform:translate(0)}.sidebar-header{border-bottom:1px solid var(--sidebar-border);background:var(--sidebar-primary);color:#fff;justify-content:space-between;align-items:center;padding:20px;display:flex}.sidebar-logo{letter-spacing:-.02em;align-items:center;gap:10px;font-size:18px;font-weight:700;display:flex}.sidebar-icon{stroke:#fff;width:24px;height:24px}.close-btn{color:#fff;cursor:pointer;background:#fff3;border:none;border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:all .2s;display:flex}.close-btn:hover{background:#ffffff4d;transform:scale(.95)}.close-btn:active{transform:scale(.9)}.menu-items{flex:1;padding:16px 12px}.menu-item{cursor:pointer;color:var(--sidebar-text);border-radius:12px;align-items:center;gap:12px;margin-bottom:4px;padding:12px 16px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.menu-item:hover{background:var(--sidebar-hover-bg);transform:translate(4px)}.menu-item.active{background:var(--sidebar-active-bg);color:#3b82f6;position:relative}.menu-item.active:before{content:"";background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:0 3px 3px 0;width:3px;height:60%;position:absolute;top:50%;left:0;transform:translateY(-50%)}.menu-svg{stroke:currentColor;stroke-width:1.8px;width:20px;height:20px}.menu-icon-small{justify-content:center;align-items:center;width:24px;display:flex}.sidebar::-webkit-scrollbar{width:6px}.sidebar::-webkit-scrollbar-track{background:var(--sidebar-border);border-radius:3px}.sidebar::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#3b82f6,#2563eb);border-radius:3px}.sidebar::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8)}@media (width<=768px){.sidebar{width:260px}.menu-item{padding:10px 14px;font-size:13px}.sidebar-header{padding:16px}.sidebar-logo{font-size:16px}}@keyframes slideIn{0%{opacity:0;width:0}to{opacity:1;width:100%}}.menu-item{animation:.3s backwards slideIn}.menu-item:first-child{animation-delay:20ms}.menu-item:nth-child(2){animation-delay:40ms}.menu-item:nth-child(3){animation-delay:60ms}.menu-item:nth-child(4){animation-delay:80ms}.menu-item:nth-child(5){animation-delay:.1s}.menu-item:nth-child(6){animation-delay:.12s}.menu-item:nth-child(7){animation-delay:.14s}.menu-item:nth-child(8){animation-delay:.16s}.menu-item:nth-child(9){animation-delay:.18s}.menu-item:nth-child(10){animation-delay:.2s}.menu-item:nth-child(11){animation-delay:.22s}.menu-item:nth-child(12){animation-delay:.24s}.menu-item:nth-child(13){animation-delay:.26s}.menu-item:nth-child(14){animation-delay:.28s}.menu-item:nth-child(15){animation-delay:.3s}@media (prefers-reduced-motion:reduce){.sidebar,.menu-item,.close-btn{transition:none;animation:none}}:root{--hero-primary-gradient:linear-gradient(135deg, #3b82f6, #2563eb);--hero-primary-hover:linear-gradient(135deg, #2563eb, #1d4ed8);--hero-bg-dark:#0f172a;--hero-bg-medium:#1e293b}.hero-section{text-align:center;background:linear-gradient(135deg, var(--hero-bg-dark) 0%, var(--hero-bg-medium) 50%, var(--hero-bg-dark) 100%);padding:4rem 2rem;position:relative;overflow:hidden}.hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#3b82f600 70%);width:60%;height:150%;animation:20s ease-in-out infinite float;position:absolute;top:-30%;right:-10%;transform:rotate(25deg)}.hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#3b82f600 70%);width:50%;height:120%;animation:15s ease-in-out infinite reverse float;position:absolute;bottom:-30%;left:-10%;transform:rotate(-15deg)}.hero-section .orb-1{pointer-events:none;background:radial-gradient(circle,#3b82f614,#0000);border-radius:50%;width:300px;height:300px;animation:25s ease-in-out infinite float;position:absolute;top:20%;left:10%}.hero-section .orb-2{pointer-events:none;background:radial-gradient(circle,#3b82f60f,#0000);border-radius:50%;width:250px;height:250px;animation:18s ease-in-out infinite reverse float;position:absolute;bottom:10%;right:5%}.hero-content{z-index:1;max-width:900px;margin:0 auto;position:relative}.hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8,#3b82f6);color:#0000;text-shadow:0 2px 10px #0000001a;-webkit-background-clip:text;background-clip:text;margin-bottom:1.25rem;font-size:3.5rem;font-weight:800;animation:.6s fadeInUp,3s ease-in-out infinite titleGlow}.hero-subtitle{color:#ffffffd9;max-width:600px;margin-bottom:2.5rem;margin-left:auto;margin-right:auto;font-size:1.125rem;line-height:1.6;animation:.6s .1s both fadeInUp}.search-container{flex-wrap:wrap;justify-content:center;gap:1rem;animation:.6s .2s both fadeInUp;display:flex}.search-input{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#1e293b;background:#fffffff2;border:2px solid #0000;border-radius:.75rem;outline:none;width:380px;padding:.875rem 1.25rem;font-size:1rem;font-weight:500;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 20px #0000001a}.search-input:focus{background:#fff;border-color:#3b82f6;transform:scale(1.02);box-shadow:0 8px 25px #3b82f633}.search-input::placeholder{color:#94a3b8;font-weight:400}.search-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;align-items:center;gap:.5rem;padding:.875rem 2rem;font-size:1rem;font-weight:600;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 20px #3b82f64d}.search-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.search-btn:hover:before{left:100%}.search-btn:hover{background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f666}.search-btn:active{transform:translateY(0)}.search-icon{stroke:currentColor;stroke-width:2px;width:1.25rem;height:1.25rem;transition:transform .3s}.search-btn:hover .search-icon{transform:translate(4px)}.hero-stats{border-top:1px solid #ffffff1a;justify-content:center;gap:3rem;margin-top:3rem;padding-top:2rem;animation:.6s .3s both fadeInUp;display:flex}.stat-item{text-align:center}.stat-number{background:linear-gradient(135deg,#fff,#3b82f6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.25rem;font-size:1.75rem;font-weight:800;display:block}@keyframes titleGlow{0%,to{text-shadow:0 0 20px #3b82f600}50%{text-shadow:0 0 30px #3b82f64d}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (width<=768px){.hero-section{padding:3rem 1.5rem}.hero-title{font-size:2.5rem}.hero-subtitle{margin-bottom:2rem;font-size:1rem}.search-input{width:100%;max-width:350px;padding:.75rem 1rem}.search-btn{padding:.75rem 1.5rem;font-size:.875rem}.hero-stats{flex-wrap:wrap;gap:1.5rem;margin-top:2rem}.stat-number{font-size:1.5rem}.stat-label{font-size:.75rem}}@media (width<=480px){.hero-section{padding:2rem 1rem}.hero-title{font-size:2rem}.hero-subtitle{font-size:.875rem}.search-container{gap:.75rem}.search-input{padding:.7rem 1rem;font-size:.875rem}.search-btn{padding:.7rem 1.25rem;font-size:.8125rem}.hero-stats{gap:1rem}.stat-number{font-size:1.25rem}.stat-label{font-size:.7rem}}@media (prefers-reduced-motion:reduce){.hero-section:before,.hero-section:after,.orb-1,.orb-2,.hero-title,.search-btn,.search-btn:before,.search-icon{transition:none;animation:none}.search-btn:hover{transform:none}}.footer{color:#fffc;background:#1a1a2e;margin-top:40px;padding:40px 20px 20px}.footer-container{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px;max-width:1200px;margin:0 auto 40px;display:grid}.footer-section{text-align:left}.footer-heading{color:#fff;margin-bottom:20px;font-size:18px;font-weight:600}.footer-links{flex-direction:column;gap:12px;display:flex}.footer-link{color:#ffffffb3;cursor:pointer;font-size:14px;text-decoration:none;transition:all .3s}.footer-link:hover{color:#667eea;transform:translate(5px)}.social-links{flex-direction:column;gap:12px;display:flex}.social-link{color:#ffffffb3;cursor:pointer;align-items:center;gap:10px;font-size:14px;text-decoration:none;transition:all .3s;display:flex}.social-link:hover{color:#667eea;transform:translate(5px)}.social-icon{width:18px;height:18px}.copyright{text-align:center;color:#fff9;border-top:1px solid #ffffff1a;padding-top:30px;font-size:14px}.category-wrapper{z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border-bottom:1px solid #f3f4f6;width:100%;position:sticky;top:0}.category-bar{white-space:nowrap;scroll-behavior:smooth;justify-content:space-evenly;gap:1rem;width:100%;max-width:100%;margin:0 auto;padding:.75rem 2rem;display:flex;overflow-x:auto}.category-item{color:#6b7280;cursor:pointer;letter-spacing:-.01em;flex-shrink:0;padding-bottom:.5rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.category-item:hover{color:#111827}.category-item.active{color:#111827;font-weight:600}.category-item.active:after{content:"";background:linear-gradient(90deg,#111827,#374151);border-radius:2px;width:100%;height:2px;animation:.2s slideIn;position:absolute;bottom:-1px;left:0}.category-item:before{content:"";background:linear-gradient(90deg,#9ca3af,#d1d5db);border-radius:2px;width:0;height:2px;transition:width .2s;position:absolute;bottom:-1px;left:0}.category-item:hover:before{width:100%}.category-bar::-webkit-scrollbar{display:none}.category-bar{scrollbar-width:none}@media (width<=1024px){.category-bar{justify-content:space-around;gap:.75rem;padding:.75rem 1.5rem}}@media (width<=768px){.category-bar{justify-content:flex-start;gap:1.5rem;padding:.625rem 1rem;overflow-x:auto}.category-item{font-size:.813rem}}@media (width<=480px){.category-bar{gap:1.25rem;padding:.5rem .75rem}.category-item{font-size:.75rem}}.login-app{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.login-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:2.5rem 2rem;position:relative;overflow:hidden}.login-hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#3b82f600 70%);width:60%;height:150%;position:absolute;top:-30%;right:-10%;transform:rotate(25deg)}.login-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#3b82f600 70%);width:50%;height:120%;position:absolute;bottom:-30%;left:-10%;transform:rotate(-15deg)}.login-hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:0;font-size:2.5rem;font-weight:800;animation:.6s fadeInUp}.login-container{flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.login-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:2rem;flex-direction:column;justify-content:space-between;width:100%;max-width:440px;min-height:380px;padding:3.5rem 2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s .1s both fadeInUp;display:flex;box-shadow:0 25px 50px -12px #00000040}.login-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0000004d}.login-form{flex-direction:column;justify-content:space-between;height:100%;display:flex}.login-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:1rem;padding:.875rem 1.125rem;font-size:.95rem;font-weight:500;transition:all .2s}.login-input:focus{border-color:#3b82f6;outline:none;transform:scale(1.01);box-shadow:0 0 0 4px #3b82f61a}.login-input::placeholder{color:#94a3b8;font-weight:400}.login-btn{color:#fff;cursor:pointer;background:linear-gradient(105deg,#0f172a 0%,#1e293b 50%,#0f172a 100%) 0 0/200%;border:none;border-radius:1rem;margin-top:.5rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.login-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.login-btn:hover:before{left:100%}.login-btn:hover{background-position:100%;transform:translateY(-2px);box-shadow:0 10px 25px -8px #0f172a66}.login-btn:active{transform:translateY(0)}.login-error{color:#ef4444;align-items:center;gap:.25rem;margin-top:-.75rem;padding-left:.25rem;font-size:.75rem;font-weight:500;display:flex}.login-error:before{content:"⚠";font-size:.7rem}.login-text{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:.5rem;padding-top:.5rem;font-size:.875rem}.login-link{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;margin-left:.25rem;font-weight:700;transition:all .2s;position:relative}.login-link:after{content:"";background:linear-gradient(135deg,#3b82f6,#2563eb);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.login-link:hover:after{width:100%}.login-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}@media (width<=560px){.login-container{padding:1.5rem 1rem}.login-card{padding:1.75rem}.login-hero-title{font-size:2rem}.login-hero-section{padding:2rem 1rem}}.login-card h2{color:#0f172a;letter-spacing:-.01em;font-size:1.4rem;font-weight:700}.login-form>div,.login-card .login-error{margin-bottom:.75rem}.login-input:hover{border-color:#cbd5f5}.login-btn:disabled{opacity:.7;cursor:not-allowed;box-shadow:none;transform:none}.login-form{animation:.5s fadeInUp}@media (width<=560px){.login-card h2{font-size:1.2rem}.login-form>div{margin-bottom:.6rem}}.register-app{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}.register-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:2.5rem 2rem;position:relative;overflow:hidden}.register-hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;animation:.6s fadeInUp}.register-container{flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.register-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:2rem;width:100%;max-width:480px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s fadeInUp;box-shadow:0 25px 50px -12px #00000040}.register-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0000004d}.register-title{text-align:center;letter-spacing:-.02em;background:linear-gradient(135deg,#0f172a,#1e293b,#3b82f6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:2rem;font-size:2rem;font-weight:800;position:relative}.register-title:after{content:"";background:linear-gradient(90deg,#3b82f6,#2563eb);border-radius:3px;width:60px;height:3px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%)}.register-form{flex-direction:column;gap:1rem;display:flex}.register-input{color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:1rem;padding:.875rem 1.125rem;font-size:.95rem;font-weight:500;transition:all .2s}.register-input:focus{border-color:#3b82f6;outline:none;transform:scale(1.01);box-shadow:0 0 0 4px #3b82f61a}.register-input::placeholder{color:#94a3b8;font-weight:400}.register-btn{color:#fff;cursor:pointer;background:linear-gradient(105deg,#0f172a 0%,#1e293b 50%,#0f172a 100%) 0 0/200%;border:none;border-radius:1rem;justify-content:center;align-items:center;gap:.5rem;margin-top:.75rem;padding:.875rem;font-size:1rem;font-weight:600;transition:all .3s;display:flex;position:relative;overflow:hidden}.register-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.register-btn:hover:before{left:100%}.register-btn:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 10px 25px -8px #0f172a66}.register-btn:active{transform:translateY(0)}.register-btn:disabled{opacity:.7;cursor:not-allowed}.register-error{color:#ef4444;align-items:center;gap:.25rem;margin-top:-.5rem;padding-left:.25rem;font-size:.75rem;font-weight:500;display:flex}.register-error:before{content:"⚠";font-size:.7rem}.register-switch{text-align:center;color:#64748b;border-top:1px solid #e2e8f0;margin-top:1rem;padding-top:1rem;font-size:.875rem}.register-link{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#0000;cursor:pointer;-webkit-background-clip:text;background-clip:text;border:none;margin-left:.25rem;font-weight:700;transition:all .2s;position:relative}.register-link:after{content:"";background:linear-gradient(135deg,#3b82f6,#2563eb);width:0;height:2px;transition:width .2s;position:absolute;bottom:-2px;left:0}.register-link:hover:after{width:100%}.register-loader-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.register-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:44px;height:44px;animation:.6s linear infinite spin}.register-btn .register-spinner{border-width:2px;width:20px;height:20px}.overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}@media (width<=560px){.register-container{padding:1.5rem 1rem}.register-card{padding:1.75rem}.register-title{font-size:1.75rem}.register-hero-title{font-size:2rem}.register-hero-section{padding:2rem 1rem}}.otp-app{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.otp-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:3.5rem 2rem;position:relative;overflow:hidden}.otp-hero-section:before{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f626 0%,#3b82f600 70%);width:60%;height:150%;position:absolute;top:-30%;right:-10%;transform:rotate(25deg)}.otp-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f61a 0%,#3b82f600 70%);width:50%;height:120%;position:absolute;bottom:-30%;left:-10%;transform:rotate(-15deg)}.otp-hero-title{letter-spacing:-.02em;background:linear-gradient(135deg,#fff,#94a3b8,#60a5fa);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.75rem;font-weight:800;animation:.6s fadeInUp}.otp-hero-subtitle{opacity:.9;color:#cbd5e1;margin-top:.5rem;font-size:1rem;animation:.6s .1s both fadeInUp}.otp-container{flex:1;justify-content:center;align-items:center;padding:2.5rem 1rem;display:flex}.otp-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:2rem;width:100%;max-width:440px;padding:2.5rem;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.6s .2s both fadeInUp;box-shadow:0 25px 50px -12px #00000040}.otp-card:hover{transform:translateY(-5px);box-shadow:0 30px 60px -12px #0000004d}.otp-form{flex-direction:column;gap:1.75rem;display:flex}.otp-group{flex-direction:column;gap:.5rem;display:flex}.otp-label{color:#1e293b;letter-spacing:-.01em;font-size:.875rem;font-weight:600}.otp-required{color:#ef4444;margin-left:2px}.otp-input{letter-spacing:6px;text-align:center;color:#1e293b;background:#fff;border:1.5px solid #e2e8f0;border-radius:1rem;width:100%;padding:.875rem 1rem;font-size:1.25rem;font-weight:700;transition:all .2s}.otp-input:focus{border-color:#3b82f6;outline:none;transform:scale(1.02);box-shadow:0 0 0 4px #3b82f61a}.otp-input-error{border-color:#ef4444}.otp-input-error:focus{border-color:#ef4444;box-shadow:0 0 0 4px #ef44441a}.otp-btn{color:#fff;cursor:pointer;background:linear-gradient(105deg,#0f172a 0%,#1e293b 50%,#0f172a 100%) 0 0/200%;border:none;border-radius:1rem;padding:.875rem;font-size:.95rem;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.otp-btn:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.otp-btn:hover:before{left:100%}.otp-btn:hover:not(:disabled){background-position:100%;transform:translateY(-2px);box-shadow:0 10px 25px -8px #0f172a66}.otp-btn:active{transform:translateY(0)}.otp-btn:disabled{opacity:.6;cursor:not-allowed}.otp-error{color:#ef4444;align-items:center;gap:.25rem;padding-left:.25rem;font-size:.75rem;font-weight:500;animation:.3s shake;display:flex}.otp-error:before{content:"⚠";font-size:.7rem}.otp-success{color:#10b981;align-items:center;gap:.25rem;padding-left:.25rem;font-size:.75rem;font-weight:500;display:flex}.otp-success:before{content:"✓";font-size:.8rem;font-weight:700}.otp-divider{text-align:center;color:#94a3b8;margin:.25rem 0;font-size:.75rem;position:relative}.otp-divider span{z-index:1;background:#fffffff7;padding:0 1rem;position:relative}.otp-divider:before{content:"";background:linear-gradient(90deg,#0000,#cbd5e1,#0000);width:100%;height:1px;position:absolute;top:50%;left:0}.otp-loader-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:999;background:#0009;justify-content:center;align-items:center;width:100%;height:100%;animation:.2s fadeIn;display:flex;position:fixed;top:0;left:0}.otp-spinner{border:3px solid #3b82f633;border-top-color:#3b82f6;border-radius:50%;width:44px;height:44px;animation:.6s linear infinite spin}.otp-btn .otp-spinner{border-width:2px;width:20px;height:20px}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-4px)}75%{transform:translate(4px)}}.otp-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:998;background:#00000080;width:100%;height:100%;animation:.2s fadeIn;position:fixed;top:0;left:0}@media (width<=560px){.otp-card{margin:0 1rem;padding:1.75rem}.otp-hero-title{font-size:2rem}.otp-hero-section{padding:2rem 1rem}.otp-input{letter-spacing:4px;font-size:1.125rem}}*{box-sizing:border-box;margin:0;padding:0}.gift-detail-modern{background:linear-gradient(135deg,#f5f7fa 0%,#f0f2f5 100%);min-height:100vh}.modern-loader{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000d9;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.loader-content{text-align:center;color:#fff}.loader-spinner{border:3px solid #fff3;border-top-color:#3b82f6;border-radius:50%;width:60px;height:60px;margin:0 auto 2rem;animation:.8s linear infinite spin}.loader-steps{justify-content:center;gap:2rem;display:flex}.loader-steps .step{color:#ffffff80;flex-direction:column;align-items:center;gap:.5rem;font-size:.75rem;transition:all .3s;display:flex}.loader-steps .step.active{color:#3b82f6}.loader-steps .step.completed{color:#10b981}.loader-steps .step-icon{background:#ffffff1a;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:.875rem;font-weight:600;display:flex}.loader-steps .step.active .step-icon{color:#fff;background:#3b82f6}.loader-steps .step.completed .step-icon{color:#fff;background:#10b981}.modern-container{grid-template-columns:1fr 480px;gap:2rem;max-width:1400px;margin:0 auto;padding:2rem;display:grid}.product-gallery{flex-direction:column;gap:1.5rem;display:flex}.gallery-card{background:#fff;border-radius:1.5rem;padding:2rem;position:relative;box-shadow:0 4px 20px #0000000d}.product-badge{gap:.5rem;display:flex;position:absolute;top:1rem;left:1rem}.badge-save{color:#fff;background:linear-gradient(135deg,#10b981,#059669);border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:600}.badge-type{color:#6b7280;background:#f3f4f6;border-radius:2rem;padding:.25rem .75rem;font-size:.75rem;font-weight:500}.product-image{justify-content:center;align-items:center;display:flex}.product-image img{object-fit:contain;max-width:300px;max-height:250px}.info-card{background:#fff;border-radius:1.5rem;padding:1.5rem;box-shadow:0 4px 20px #0000000d}.product-name{color:#111827;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.75rem;font-weight:700}.product-meta{border-bottom:1px solid #e5e7eb;margin-bottom:1.5rem;padding-bottom:1rem}.rating{align-items:center;gap:.5rem;display:flex}.stars{color:#fbbf24;font-size:.875rem}.rating-count{color:#6b7280;font-size:.75rem}.info-section{margin-bottom:1.5rem}.info-section h3{color:#374151;margin-bottom:.75rem;font-size:1rem;font-weight:600}.howto-item{gap:.75rem;margin-bottom:1rem;display:flex}.howto-item .icon{color:#fff;background:#10b981;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:.75rem;display:flex}.howto-item .content strong{color:#374151;margin-bottom:.25rem;font-size:.875rem;display:block}.howto-item .content ul{margin:0;padding-left:1.25rem}.howto-item .content li{color:#6b7280;font-size:.813rem;line-height:1.5}.terms-list{padding-left:1.25rem}.terms-list li{color:#6b7280;margin-bottom:.5rem;font-size:.813rem;line-height:1.5}.tnc-link{color:#3b82f6;font-size:.875rem;font-weight:500;text-decoration:none;transition:color .2s}.tnc-link:hover{color:#2563eb;text-decoration:underline}.purchase-panel{background:#fff;border-radius:1.5rem;height:fit-content;padding:1.5rem;position:sticky;top:2rem;box-shadow:0 20px 35px -8px #0000001a}.price-header{text-align:center;border-bottom:2px solid #f3f4f6;margin-bottom:1.5rem;padding-bottom:1.5rem}.price-header .label{text-transform:uppercase;letter-spacing:1px;color:#9ca3af;margin-bottom:.5rem;font-size:.75rem;display:block}.price-header .price{color:#111827;font-size:2.5rem;font-weight:800}.price-header .price .currency{vertical-align:super;font-size:1.25rem}.price-header .savings{color:#10b981;margin-top:.25rem;font-size:.75rem;font-weight:500}.selection-group{margin-bottom:1.5rem}.selection-group label{color:#374151;margin-bottom:.75rem;font-size:.875rem;font-weight:600;display:block}.amount-grid{grid-template-columns:repeat(3,1fr);gap:.75rem;display:grid}.amount-option{text-align:center;color:#374151;cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:.75rem;padding:.75rem;font-size:.875rem;font-weight:600;transition:all .2s}.amount-option:hover{background:#eff6ff;border-color:#3b82f6;transform:translateY(-2px)}.amount-option.active{color:#fff;background:linear-gradient(135deg,#3b82f6,#2563eb);border-color:#0000}.custom-amount{background:#f9fafb;border-radius:.75rem;padding:1rem}.amount-input-wrapper{align-items:center;display:flex;position:relative}.currency-symbol{color:#6b7280;font-weight:600;position:absolute;left:1rem}.amount-input{background:#fff;border:1.5px solid #e5e7eb;border-radius:.75rem;width:100%;padding:.875rem 1rem .875rem 2rem;font-size:1rem;font-weight:500;transition:all .2s}.amount-input:focus{border-color:#3b82f6;outline:none;box-shadow:0 0 0 3px #3b82f61a}.amount-input.error{border-color:#ef4444}.range-hint{color:#9ca3af;margin-top:.5rem;font-size:.7rem}.error-message{color:#ef4444;margin-top:.5rem;font-size:.7rem}.payment-methods{flex-direction:column;gap:.75rem;display:flex}.payment-method{cursor:pointer;background:#f9fafb;border:1.5px solid #e5e7eb;border-radius:.75rem;justify-content:space-between;align-items:center;padding:1rem;transition:all .2s;display:flex}.payment-method:hover{border-color:#3b82f6;transform:translate(4px)}.payment-method.active{background:#eff6ff;border-color:#3b82f6}.method-info{align-items:center;gap:.75rem;display:flex}.method-icon{font-size:1.25rem}.method-name{color:#374151;font-size:.875rem;font-weight:500}.method-discount{color:#6b7280;background:#e5e7eb;border-radius:2rem;padding:.25rem .5rem;font-size:.7rem}.payment-method.active .method-discount{color:#3b82f6;background:#dbeafe}.price-breakdown{background:#f9fafb;border-radius:1rem;margin:1.5rem 0;padding:1rem}.breakdown-row{color:#6b7280;justify-content:space-between;padding:.5rem 0;font-size:.875rem;display:flex}.breakdown-row.discount{color:#10b981}.breakdown-row.total{color:#111827;border-top:1px solid #e5e7eb;margin-top:.25rem;padding-top:.75rem;font-size:1rem;font-weight:700}.purchase-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#3b82f6,#2563eb);border:none;border-radius:.75rem;width:100%;margin-bottom:1rem;padding:1rem;font-size:1rem;font-weight:700;transition:all .2s;position:relative;overflow:hidden}.purchase-button:before{content:"";background:linear-gradient(90deg,#0000,#fff3,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.purchase-button:hover:before{left:100%}.purchase-button:hover:not(:disabled){background:linear-gradient(135deg,#2563eb,#1d4ed8);transform:translateY(-2px);box-shadow:0 8px 25px #3b82f659}.purchase-button:disabled{opacity:.6;cursor:not-allowed}.btn-spinner{vertical-align:middle;border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:16px;height:16px;margin-right:.5rem;animation:.6s linear infinite spin;display:inline-block}.secure-checkout{text-align:center;color:#9ca3af;justify-content:center;align-items:center;gap:.25rem;font-size:.7rem;display:flex}@media (width<=1024px){.modern-container{grid-template-columns:1fr}.purchase-panel{position:static}}@media (width<=768px){.modern-container{padding:1rem}.product-name{font-size:1.5rem}.amount-grid{grid-template-columns:repeat(2,1fr)}.price-header .price{font-size:2rem}}@media (width<=480px){.amount-grid{grid-template-columns:1fr}.loader-steps{flex-direction:column;gap:1rem}.payment-method{text-align:center;flex-direction:column;gap:.5rem}}@media (prefers-reduced-motion:reduce){.loader-spinner,.amount-option,.purchase-button,.purchase-button:before{transition:none;animation:none}.amount-option:hover,.purchase-button:hover{transform:none}}.app-layout{background:linear-gradient(135deg,#f8fafc 0%,#eff3f8 100%);flex-direction:column;min-height:100vh;display:flex}.main-container{flex:1;display:flex}.content-area{flex:1;margin-top:70px;padding:2rem;overflow-y:auto}.content-area::-webkit-scrollbar{width:6px}.content-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.content-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.center-box{text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff2;border:1px solid #ffffff4d;border-radius:1.5rem;flex-direction:column;justify-content:center;align-items:center;max-width:500px;min-height:60vh;margin:2rem auto;padding:3rem;animation:.5s ease-out fadeInUp;display:flex;box-shadow:0 20px 35px -10px #0000000d}.center-box.error{border-top:4px solid #ef4444}.center-box.error h2{color:#dc2626}.center-box.error button{background:linear-gradient(135deg,#ef4444,#dc2626);margin-top:1rem}.center-box h2{color:#111827;letter-spacing:-.02em;margin-bottom:.5rem;font-size:1.5rem;font-weight:700}.center-box p{color:#6b7280;margin-bottom:1rem;font-size:.875rem}.center-box button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#111827,#1f2937);border:none;border-radius:.75rem;margin-top:1rem;padding:.7rem 1.5rem;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1)}.center-box button:hover{transform:translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.center-box:first-child:before{content:"";border:3px solid #e5e7eb;border-top-color:#3b82f6;border-radius:50%;width:50px;height:50px;margin-bottom:1rem;animation:.8s linear infinite spin;display:inline-block}.center-box.processing{position:relative}@keyframes pulseRing{0%{opacity:.6;transform:scale(.8)}to{opacity:0;transform:scale(1.5)}}.page-title{background:linear-gradient(135deg,#111827 0%,#3b82f6 100%);color:#0000;letter-spacing:-.02em;-webkit-background-clip:text;background-clip:text;margin-bottom:1.5rem;font-size:2rem;font-weight:800;animation:.5s ease-out fadeInUp}.voucher-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.25rem;margin-bottom:1.25rem;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);animation:.5s ease-out both fadeInUp;overflow:hidden;box-shadow:0 1px 3px #00000005}.voucher-card:first-child{animation-delay:50ms}.voucher-card:nth-child(2){animation-delay:.1s}.voucher-card:nth-child(3){animation-delay:.15s}.voucher-card:nth-child(4){animation-delay:.2s}.voucher-card:hover{border-color:#e2e8f0;transform:translateY(-3px);box-shadow:0 20px 30px -12px #0000001a}.brand-row{background:linear-gradient(135deg,#fafbfc 0%,#fff 100%);border-bottom:1px solid #f1f5f9;align-items:center;gap:1rem;padding:1.25rem 1.5rem;display:flex}.brand-row img{object-fit:contain;background:#f8fafc;border-radius:1rem;width:52px;height:52px;padding:.625rem;transition:all .2s}.voucher-card:hover .brand-row img{background:#f1f5f9;transform:scale(1.02)}.brand-row h4{color:#0f172a;letter-spacing:-.01em;margin:0;font-size:1rem;font-weight:700}.brand-row:after{content:"Gift Voucher";color:#94a3b8;text-transform:uppercase;letter-spacing:.5px;background:#f8fafc;border-radius:2rem;margin-left:auto;padding:.25rem .75rem;font-size:.7rem;font-weight:600}.row{background:#fff;justify-content:space-between;align-items:center;margin:0;padding:.75rem 1.5rem;transition:background .2s;display:flex}.row:hover{background:#fafbfc}.row span:first-child{color:#64748b;text-transform:uppercase;letter-spacing:.5px;font-size:.75rem;font-weight:700}.row span:last-child,.row div:last-child{color:#0f172a;align-items:center;gap:.5rem;font-size:.875rem;font-weight:600;display:flex}.row span:last-child:has(₹){color:#16a34a;background:linear-gradient(135deg,#f0fdf4,#dcfce7);border-radius:2rem;padding:.25rem .75rem;font-size:1.1rem;font-weight:800}button{color:#475569;cursor:pointer;background:#f8fafc;border:1px solid #e2e8f0;border-radius:.5rem;align-items:center;gap:.375rem;margin-left:.5rem;padding:.35rem .875rem;font-size:.7rem;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}button:hover{background:#f1f5f9;border-color:#cbd5e1;transform:translateY(-1px)}button:active{transform:translateY(0)}.row button{color:#475569;background:#f8fafc}.row button:hover{color:#fff;background:#3b82f6;border-color:#3b82f6}.pin-row{border-top:1px solid #f1f5f9;margin-top:0}.pin-row span:first-child{color:#64748b}.pin-row div:last-child{font-family:SF Mono,Courier New,monospace}@media (width<=768px){.content-area{padding:1.25rem}.page-title{margin-bottom:1.25rem;font-size:1.5rem}.brand-row{padding:1rem}.brand-row img{width:44px;height:44px}.brand-row h4{font-size:.9rem}.row{padding:.625rem 1rem}.row span:last-child,.row div:last-child{font-size:.8rem}}@media (width<=640px){.content-area{margin-top:60px;padding:1rem}.center-box{margin:1rem;padding:2rem}.center-box h2{font-size:1.25rem}.page-title{text-align:center;font-size:1.35rem}.brand-row{flex-wrap:wrap}.brand-row:after{text-align:center;width:100%;margin-top:.5rem;margin-left:0}.row{flex-direction:column;align-items:flex-start;gap:.5rem}.row span:first-child{margin-bottom:.25rem}.row span:last-child,.row div:last-child{justify-content:space-between;width:100%}button{padding:.3rem .75rem}}@media (width<=480px){.content-area{padding:.75rem}.voucher-card{border-radius:1rem}.brand-row img{width:38px;height:38px;padding:.5rem}.brand-row h4{font-size:.85rem}.row span:last-child,.row div:last-child{flex-wrap:wrap;font-size:.75rem}button{margin-top:.25rem;margin-left:0}}.voucher-card,.brand-row img,button,.row{transition:all .2s cubic-bezier(.4,0,.2,1)}button:focus-visible{outline-offset:2px;outline:2px solid #3b82f6}.processing-dots:after{content:"";animation:1.5s steps(4,end) infinite dots}@keyframes dots{0%,20%{content:""}40%{content:"."}60%{content:".."}80%,to{content:"..."}}.app-layout{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);min-height:100vh}.main-container{min-height:calc(100vh - 70px);display:flex}.content-area{flex:1;padding:2rem}.page-title{color:#0f172a;margin-bottom:1.5rem;font-size:1.75rem;font-weight:700}.order-card{background:#fff;border:1px solid #f0f0f0;border-radius:12px;margin-bottom:16px;padding:20px;transition:all .2s;box-shadow:0 2px 8px #0000000f}.order-card:hover{transform:translateY(-1px);box-shadow:0 4px 12px #0000001a}.brand-row{border-bottom:1px solid #eef2ff;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:12px;display:flex}.brand-row img{object-fit:contain;background:#f8fafc;border-radius:10px;width:44px;height:44px;padding:4px}.brand-row h4{color:#0f172a;margin:0;font-size:1.1rem;font-weight:600}.row{justify-content:space-between;align-items:center;padding:8px 0;display:flex}.row span:first-child{color:#64748b;font-size:.875rem;font-weight:500}.row span:last-child{color:#0f172a;font-size:.875rem;font-weight:600}.status{font-weight:600}.status.success{color:#22c55e}.status.failed{color:#ef4444}.status.processing{color:#f97316}.processing{color:#f97316;border-top:1px solid #fef3c7;margin-top:12px;padding-top:8px;font-size:.875rem;font-weight:600}.failed{color:#ef4444;border-top:1px solid #fee2e2;margin-top:12px;padding-top:8px;font-size:.875rem;font-weight:600}.voucher-list{margin-top:16px}.voucher-card{background:#f8fafc;border:1px solid #e2e8f0;border-radius:10px;margin-top:12px;padding:14px;transition:all .2s}.voucher-card:first-child{margin-top:8px}.voucher-card:hover{background:#f1f5f9;border-color:#cbd5e1}.voucher-code{letter-spacing:.5px;color:#1e293b;font-family:Courier New,monospace;font-weight:700}.pin-row{border-top:1px solid #e2e8f0;justify-content:space-between;align-items:center;margin-top:8px;padding-top:12px;display:flex}.pin-row>span:first-child{color:#64748b;font-size:.875rem;font-weight:500}.pin-controls{align-items:center;gap:12px;display:flex}.pin-value{letter-spacing:2px;color:#1e293b;font-family:Courier New,monospace;font-weight:700}.pin-btn{color:#fff;cursor:pointer;background:#22c55e;border:none;border-radius:6px;margin-left:0;padding:4px 12px;font-size:.75rem;font-weight:500;transition:all .2s}.pin-btn:hover{background:#16a34a;transform:translateY(-1px);box-shadow:0 2px 6px #22c55e4d}.pin-btn:active{transform:translateY(0)}.loading-wrapper{text-align:center;flex-direction:column;justify-content:center;align-items:center;padding:3rem;display:flex}.modern-spinner{border:3px solid #e2e8f0;border-top-color:#3b82f6;border-radius:50%;width:40px;height:40px;margin-bottom:1rem;animation:.6s linear infinite spin}.loading-wrapper p{color:#64748b;font-size:.875rem}.empty-state{text-align:center;background:#fff;border-radius:12px;padding:3rem 2rem;box-shadow:0 2px 8px #0000000f}.empty-icon{stroke:#94a3b8;stroke-width:1.5px;opacity:.7;width:64px;height:64px;margin-bottom:1rem}.empty-state p{color:#64748b;font-size:1rem;font-weight:500}@media (width<=768px){.content-area{padding:1rem}.page-title{font-size:1.5rem}.order-card{padding:16px}.row{flex-direction:column;align-items:flex-start;gap:4px}.pin-row{flex-direction:column;align-items:flex-start;gap:8px}.pin-controls{justify-content:space-between;width:100%}}@media (width<=480px){.voucher-card{padding:12px}.pin-value{font-size:.75rem}}@media (prefers-reduced-motion:reduce){.order-card,.pin-btn,.modern-spinner{transition:none;animation:none}.order-card:hover,.pin-btn:hover{transform:none}}.about-app-layout{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;display:flex}.about-main-container{flex:1;display:flex}.about-content-area{flex:1;padding-top:70px;overflow-y:auto}.about-content-area::-webkit-scrollbar{width:6px}.about-content-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.about-content-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.about-content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.about-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 50%,#0f172a 100%);padding:4rem 2rem;position:relative;overflow:hidden}.about-hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25%,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.about-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#3b82f600 70%);width:80%;height:150%;position:absolute;top:-50%;right:-20%;transform:rotate(25deg)}.about-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.about-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;text-transform:uppercase;letter-spacing:1px;background:#3b82f633;border:1px solid #3b82f64d;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;animation:.6s fadeInDown;display:inline-block}.about-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:.6s fadeInUp}.about-hero-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6;animation:.6s .1s both fadeInUp}.about-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.about-card-modern{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:1.5rem;margin-bottom:3rem;padding:2.5rem;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 35px -10px #0000000d}.about-card-modern:hover{transform:translateY(-4px);box-shadow:0 25px 40px -12px #0000001a}.about-paragraph{color:#334155;margin-bottom:1.5rem;font-size:1rem;line-height:1.8}.about-card-modern p:last-child{margin-bottom:0}.about-highlight-section{background:linear-gradient(135deg,#f0f9ff,#eef2ff);border-left:4px solid #3b82f6;border-radius:1rem;margin:1.5rem 0;padding:1.5rem}.about-highlight-section p{color:#1e293b;margin-bottom:0;font-weight:500}.about-stats-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1.5rem;margin-bottom:3rem;display:grid}.stat-card{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:2rem 1.5rem;transition:all .3s;box-shadow:0 1px 3px #00000005}.stat-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.stat-number{background:linear-gradient(135deg,#0f172a,#3b82f6);color:#0000;-webkit-background-clip:text;background-clip:text;margin-bottom:.5rem;font-size:2.5rem;font-weight:800}.stat-label{color:#64748b;font-size:.875rem;font-weight:500}.about-features-grid{grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem;display:grid}.feature-item{text-align:center;background:#fff;border:1px solid #f1f5f9;border-radius:1rem;padding:1.5rem;transition:all .3s;box-shadow:0 1px 3px #00000005}.feature-item:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.feature-icon{margin-bottom:1rem;font-size:2.5rem;animation:3s ease-in-out infinite float;display:inline-block}.feature-item h3{color:#0f172a;margin-bottom:.5rem;font-size:1.125rem;font-weight:700}.feature-item p{color:#64748b;font-size:.875rem;line-height:1.5}@keyframes fadeInDown{0%{opacity:0;transform:translateY(-30px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.about-hero-title{font-size:2rem}.about-hero-subtitle{font-size:1rem}.about-container{padding:2rem 1.5rem}.about-card-modern{padding:1.5rem}.about-stats-grid{grid-template-columns:repeat(2,1fr);gap:1rem}.stat-number{font-size:2rem}.about-features-grid{grid-template-columns:repeat(2,1fr);gap:1rem}}@media (width<=640px){.about-hero-section{padding:2rem 1rem}.about-hero-title{font-size:1.75rem}.about-badge{padding:.375rem .875rem;font-size:.7rem}.about-container{padding:1.5rem 1rem}.about-card-modern{padding:1.25rem}.about-paragraph{font-size:.875rem}.about-stats-grid,.about-features-grid{grid-template-columns:1fr}.stat-card,.feature-item{padding:1.25rem}}@media (width<=480px){.about-hero-title{font-size:1.5rem}.about-card-modern{padding:1rem}}.contact-app-layout{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;display:flex}.contact-main-container{flex:1;display:flex}.contact-content-area{flex:1;margin-top:70px;overflow-y:auto}.contact-content-area::-webkit-scrollbar{width:6px}.contact-content-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.contact-content-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.contact-content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.contact-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:4rem 2rem;position:relative;overflow:hidden}.contact-hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25%,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.contact-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#3b82f600 70%);width:80%;height:150%;position:absolute;top:-50%;right:-20%;transform:rotate(25deg)}.contact-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.contact-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;text-transform:uppercase;letter-spacing:1px;background:#3b82f633;border:1px solid #3b82f64d;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;animation:.6s fadeInDown;display:inline-block}.contact-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:.6s fadeInUp}.contact-hero-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6;animation:.6s .1s both fadeInUp}.contact-container{max-width:1200px;margin:0 auto;padding:3rem 2rem}.contact-grid{grid-template-columns:1fr 1fr;gap:2rem;display:grid}.contact-info-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:1.5rem;padding:2rem;transition:transform .3s,box-shadow .3s;box-shadow:0 20px 35px -10px #0000000d}.contact-info-card:hover{transform:translateY(-4px);box-shadow:0 25px 40px -12px #0000001a}.contact-info-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:.75rem;font-size:1.5rem;font-weight:700}.contact-info-description{color:#64748b;margin-bottom:2rem;font-size:.875rem;line-height:1.6}.contact-details{flex-direction:column;gap:1.5rem;margin-bottom:2rem;display:flex}.contact-detail-item{align-items:flex-start;gap:1rem;display:flex}.contact-icon{min-width:2rem;font-size:1.5rem}.contact-detail-item h4{color:#0f172a;margin-bottom:.25rem;font-size:.875rem;font-weight:700}.contact-detail-item p{color:#64748b;font-size:.813rem;line-height:1.5}.contact-content-box{background:#f8fafc;border-radius:1rem;margin-top:1rem;padding:1.5rem}.contact-text{color:#334155;margin-bottom:.75rem;font-size:.875rem;line-height:1.7}.contact-text:last-child{margin-bottom:0}.contact-form-card{background:#fff;border:1px solid #f1f5f9;border-radius:1.5rem;padding:2rem;box-shadow:0 20px 35px -10px #0000000d}.form-title{color:#0f172a;letter-spacing:-.02em;margin-bottom:1.5rem;font-size:1.5rem;font-weight:700}.contact-form{flex-direction:column;gap:1.25rem;display:flex}.form-group{flex-direction:column;gap:.5rem;display:flex}.form-group label{color:#334155;font-size:.813rem;font-weight:600}.form-input,.form-textarea{border:1.5px solid #e2e8f0;border-radius:.75rem;outline:none;padding:.75rem 1rem;font-family:inherit;font-size:.875rem;transition:all .2s}.form-input:focus,.form-textarea:focus{border-color:#3b82f6;box-shadow:0 0 0 3px #3b82f61a}.form-textarea{resize:vertical;font-family:inherit}.submit-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:.75rem;justify-content:center;align-items:center;gap:.5rem;padding:.875rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s;display:flex}.submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#1e293b,#0f172a);transform:translateY(-2px);box-shadow:0 10px 20px -5px #00000026}.submit-btn:active:not(:disabled){transform:translateY(0)}.submit-btn:disabled{opacity:.7;cursor:not-allowed}.spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:50%;width:1rem;height:1rem;animation:.6s linear infinite spin}.success-message{color:#166534;text-align:center;background:#f0fdf4;border:1px solid #bbf7d0;border-radius:.75rem;padding:.75rem;font-size:.813rem;animation:.3s fadeInUp}@media (width<=968px){.contact-grid{grid-template-columns:1fr;gap:1.5rem}.contact-container{padding:2rem 1.5rem}}@media (width<=768px){.contact-hero-title{font-size:2rem}.contact-hero-subtitle{font-size:1rem}.contact-hero-section{padding:3rem 1rem}.contact-container,.contact-info-card,.contact-form-card{padding:1.5rem}.contact-info-title,.form-title{font-size:1.25rem}}@media (width<=640px){.contact-hero-title{font-size:1.75rem}.contact-badge{padding:.375rem .875rem;font-size:.7rem}.contact-detail-item{text-align:center;flex-direction:column;align-items:center}.contact-icon{font-size:2rem}.contact-detail-item div{text-align:center}.form-input,.form-textarea{padding:.625rem .875rem}.submit-btn{padding:.75rem 1.25rem}}@media (width<=480px){.contact-hero-title{font-size:1.5rem}.contact-container,.contact-info-card,.contact-form-card{padding:1rem}}.faq-app-layout{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;display:flex}.faq-main-container{flex:1;display:flex}.faq-content-area{flex:1;margin-top:70px;overflow-y:auto}.faq-content-area::-webkit-scrollbar{width:6px}.faq-content-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.faq-content-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.faq-content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.faq-hero-section{text-align:center;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);padding:4rem 2rem;position:relative;overflow:hidden}.faq-hero-section:before{content:"";pointer-events:none;background-image:radial-gradient(circle at 25%,#3b82f61a 0%,#0000 50%);position:absolute;inset:0}.faq-hero-section:after{content:"";pointer-events:none;background:radial-gradient(circle,#3b82f614 0%,#3b82f600 70%);width:80%;height:150%;position:absolute;top:-50%;right:-20%;transform:rotate(25deg)}.faq-hero-content{z-index:1;max-width:800px;margin:0 auto;position:relative}.faq-badge{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#60a5fa;text-transform:uppercase;letter-spacing:1px;background:#3b82f633;border:1px solid #3b82f64d;border-radius:2rem;margin-bottom:1.5rem;padding:.5rem 1rem;font-size:.75rem;font-weight:600;animation:.6s fadeInDown;display:inline-block}.faq-hero-title{color:#fff;letter-spacing:-.02em;margin-bottom:1rem;font-size:3rem;font-weight:800;animation:.6s fadeInUp}.gradient-text{background:linear-gradient(135deg,#60a5fa,#a78bfa);color:#0000;-webkit-background-clip:text;background-clip:text}.faq-hero-subtitle{color:#cbd5e1;max-width:600px;margin:0 auto;font-size:1.125rem;line-height:1.6;animation:.6s .1s both fadeInUp}.faq-container{max-width:900px;margin:0 auto;padding:3rem 2rem}.faq-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:1.5rem;margin-bottom:2rem;padding:1.5rem;box-shadow:0 20px 35px -10px #0000000d}.faq-item{background:#fff;border:1px solid #f1f5f9;border-radius:1rem;margin-bottom:1rem;transition:all .3s;overflow:hidden}.faq-item:last-child{margin-bottom:0}.faq-item.active{border-color:#e2e8f0;box-shadow:0 4px 12px #0000000d}.faq-question{cursor:pointer;background:#fff;justify-content:space-between;align-items:center;padding:1.25rem 1.5rem;transition:all .2s;display:flex}.faq-question:hover{background:#fafbfc}.question-content{flex:1;align-items:center;gap:1rem;display:flex}.question-number{color:#3b82f6;text-align:center;background:#eff6ff;border-radius:.5rem;min-width:2.5rem;padding:.25rem .5rem;font-size:.875rem;font-weight:700}.question-text{color:#0f172a;letter-spacing:-.01em;font-size:1rem;font-weight:600}.question-icon{justify-content:center;align-items:center;transition:transform .3s;display:flex}.question-icon svg{stroke:#64748b;transition:stroke .2s}.faq-question:hover .question-icon svg{stroke:#3b82f6}.question-icon.rotated{transform:rotate(180deg)}.faq-answer{background:#fafbfc;border-top:1px solid #f1f5f9;animation:.3s slideDown}.answer-content{gap:1rem;padding:1.25rem 1.5rem;display:flex}.answer-icon{flex-shrink:0}.answer-icon svg{stroke:#3b82f6}.answer-content p{color:#475569;margin:0;font-size:.875rem;line-height:1.7}.faq-contact-section{margin-top:2rem}.contact-card{text-align:center;background:linear-gradient(135deg,#fff,#f8fafc);border:1px solid #f1f5f9;border-radius:1.5rem;padding:2rem;transition:all .3s}.contact-card:hover{border-color:#e2e8f0;transform:translateY(-4px);box-shadow:0 20px 25px -5px #0000000d}.contact-icon{margin-bottom:1rem;font-size:3rem;display:inline-block}.contact-card h3{color:#0f172a;margin-bottom:.5rem;font-size:1.25rem;font-weight:700}.contact-card p{color:#64748b;max-width:400px;margin-bottom:1.5rem;margin-left:auto;margin-right:auto;font-size:.875rem}.contact-support-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#0f172a,#1e293b);border:none;border-radius:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600;transition:all .2s}.contact-support-btn:hover{background:linear-gradient(135deg,#1e293b,#0f172a);transform:translateY(-2px);box-shadow:0 10px 15px -3px #0000001a}.contact-support-btn:active{transform:translateY(0)}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (width<=768px){.faq-hero-title{font-size:2rem}.faq-hero-subtitle{font-size:1rem}.faq-hero-section{padding:3rem 1rem}.faq-container{padding:2rem 1.5rem}.faq-card,.faq-question{padding:1rem}.question-text{font-size:.875rem}.answer-content{padding:1rem}.answer-icon{display:none}}@media (width<=640px){.faq-hero-title{font-size:1.75rem}.faq-badge{padding:.375rem .875rem;font-size:.7rem}.faq-container{padding:1.5rem 1rem}.faq-card{padding:.75rem}.question-content{gap:.75rem}.question-number{min-width:2rem;padding:.2rem .35rem;font-size:.75rem}.question-text,.answer-content p{font-size:.813rem}.contact-card{padding:1.5rem}.contact-card h3{font-size:1.125rem}}@media (width<=480px){.faq-hero-title{font-size:1.5rem}.faq-question{padding:.875rem}.question-number{display:none}.question-text{font-size:.75rem}.answer-content{padding:.875rem}}.privacy-page{background:linear-gradient(135deg,#f8fafc 0%,#eef2ff 100%);flex-direction:column;min-height:100vh;display:flex}.privacy-page .main-container{flex:1;display:flex}.privacy-page .content-area{flex-direction:column;flex:1;align-items:center;margin-top:70px;padding:2rem;display:flex;overflow-y:auto}.privacy-page .content-area::-webkit-scrollbar{width:6px}.privacy-page .content-area::-webkit-scrollbar-track{background:#e2e8f0;border-radius:3px}.privacy-page .content-area::-webkit-scrollbar-thumb{background:#94a3b8;border-radius:3px}.privacy-page .content-area::-webkit-scrollbar-thumb:hover{background:#64748b}.privacy-page .page-title{background:linear-gradient(135deg,#0f172a 0%,#3b82f6 100%);color:#0000;letter-spacing:-.02em;text-align:center;-webkit-background-clip:text;background-clip:text;width:100%;margin-bottom:1.5rem;font-size:2rem;font-weight:800;animation:.5s ease-out fadeInUp;display:block}.privacy-page .privacy-box{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#fffffff7;border:1px solid #ffffff4d;border-radius:1.5rem;width:100%;max-width:900px;margin:0 auto;padding:2.5rem;transition:transform .3s,box-shadow .3s;animation:.5s ease-out fadeInUp;box-shadow:0 20px 35px -10px #0000000d}.privacy-page .privacy-box:hover{transform:translateY(-4px);box-shadow:0 25px 40px -12px #0000001a}.privacy-page .privacy-box p{color:#334155;text-align:left;margin-bottom:1rem;font-size:.938rem;line-height:1.8;transition:color .2s}.privacy-page .privacy-box p:last-child{margin-bottom:0}.privacy-page .privacy-box p:first-of-type{color:#1e293b;text-align:left;background:#f8fafc;border-left:4px solid #3b82f6;border-radius:.75rem;margin-bottom:1.5rem;padding:1rem 1.25rem;font-size:1rem;font-weight:500}.privacy-page .privacy-box p:has(strong){color:#0f172a;text-align:left;border-top:2px solid #e2e8f0;margin-top:1.5rem;margin-bottom:.75rem;padding-top:.5rem;font-size:1.125rem;font-weight:700}.privacy-page .privacy-box p:has(•){text-align:left;padding-left:1.5rem;position:relative}.privacy-page .privacy-box p:has(•):before{content:"•";color:#3b82f6;font-weight:700;position:absolute;left:.5rem}@media (width<=768px){.privacy-page .content-area{padding:1.5rem}.privacy-page .page-title{margin-bottom:1.25rem;font-size:1.5rem}.privacy-page .privacy-box{padding:1.5rem}.privacy-page .privacy-box p{font-size:.875rem}.privacy-page .privacy-box p:first-of-type{padding:.875rem 1rem;font-size:.938rem}}@media (width<=640px){.privacy-page .content-area{margin-top:60px;padding:1rem}.privacy-page .page-title{font-size:1.35rem}.privacy-page .privacy-box{padding:1.25rem}.privacy-page .privacy-box p{font-size:.813rem;line-height:1.7}.privacy-page .privacy-box p:first-of-type{padding:.75rem;font-size:.875rem}}@media (width<=480px){.privacy-page .content-area{padding:.75rem}.privacy-page .page-title{font-size:1.25rem}.privacy-page .privacy-box{padding:1rem}.privacy-page .privacy-box p{font-size:.75rem}}@media print{.privacy-page .content-area{background:#fff;margin-top:0;padding:0;display:block}.privacy-page .page-title{color:#000;background:0 0;-webkit-background-clip:unset;background-clip:unset;text-align:center}.privacy-page .privacy-box{box-shadow:none;border:1px solid #ddd;margin:0 auto;padding:1rem}.privacy-page .privacy-box p{color:#000;text-align:left}}