.header[data-v-99d6130a]{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(15,23,42,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid var(--border)}.header-container[data-v-99d6130a]{max-width:1280px;margin:0 auto;padding:0 2rem;height:72px;display:flex;align-items:center;gap:2rem}.header-logo[data-v-99d6130a]{display:flex;align-items:center;gap:.75rem;text-decoration:none;font-size:1.25rem;font-weight:700;color:var(--text-primary);transition:all .2s;padding:.5rem;border-radius:8px}.header-logo[data-v-99d6130a]:hover{opacity:1;background:rgba(255,0,0,.15);transform:scale(1.05)}.header-logo span[data-v-99d6130a]{flex-shrink:0;animation:rainbowText-99d6130a 4s linear infinite,bounceUpDown-99d6130a 1.2s ease-in-out infinite}.header-logo:hover span[data-v-99d6130a]{animation:rainbowTextIntense-99d6130a 2s linear infinite,bounceUpDownFast-99d6130a .8s ease-in-out infinite}.header-logo svg[data-v-99d6130a]{flex-shrink:0;animation:rainbowGlow-99d6130a 4s linear infinite,demonRotate-99d6130a 8s linear infinite,bounceUpDown-99d6130a 1.2s ease-in-out infinite}.header-logo:hover svg[data-v-99d6130a]{animation:rainbowIntenseGlow-99d6130a 2s linear infinite,demonRotate-99d6130a 4s linear infinite,bounceUpDownFast-99d6130a .8s ease-in-out infinite}@keyframes rainbowText-99d6130a{0%{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}14%{color:#f60;text-shadow:0 0 8px rgba(255,102,0,.6)}28%{color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.6)}42%{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.6)}57%{color:#09f;text-shadow:0 0 8px rgba(0,153,255,.6)}71%{color:#93f;text-shadow:0 0 8px rgba(153,51,255,.6)}85%{color:#f0f;text-shadow:0 0 8px rgba(255,0,255,.6)}to{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}}@keyframes rainbowTextIntense-99d6130a{0%{color:red;text-shadow:0 0 15px rgba(255,0,0,1),0 0 25px rgba(255,0,0,.6)}14%{color:#f60;text-shadow:0 0 15px rgba(255,102,0,1),0 0 25px rgba(255,102,0,.6)}28%{color:#ff0;text-shadow:0 0 15px rgba(255,255,0,1),0 0 25px rgba(255,255,0,.6)}42%{color:#0f0;text-shadow:0 0 15px rgba(0,255,0,1),0 0 25px rgba(0,255,0,.6)}57%{color:#09f;text-shadow:0 0 15px rgba(0,153,255,1),0 0 25px rgba(0,153,255,.6)}71%{color:#93f;text-shadow:0 0 15px rgba(153,51,255,1),0 0 25px rgba(153,51,255,.6)}85%{color:#f0f;text-shadow:0 0 15px rgba(255,0,255,1),0 0 25px rgba(255,0,255,.6)}to{color:red;text-shadow:0 0 15px rgba(255,0,0,1),0 0 25px rgba(255,0,0,.6)}}@keyframes rainbowGlow-99d6130a{0%{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}14%{filter:drop-shadow(0 0 8px rgba(255,102,0,.8))}28%{filter:drop-shadow(0 0 8px rgba(255,255,0,.8))}42%{filter:drop-shadow(0 0 8px rgba(0,255,0,.8))}57%{filter:drop-shadow(0 0 8px rgba(0,153,255,.8))}71%{filter:drop-shadow(0 0 8px rgba(153,51,255,.8))}85%{filter:drop-shadow(0 0 8px rgba(255,0,255,.8))}to{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}}@keyframes rainbowIntenseGlow-99d6130a{0%{filter:drop-shadow(0 0 15px rgba(255,0,0,1)) drop-shadow(0 0 25px rgba(255,0,0,.6))}14%{filter:drop-shadow(0 0 15px rgba(255,102,0,1)) drop-shadow(0 0 25px rgba(255,102,0,.6))}28%{filter:drop-shadow(0 0 15px rgba(255,255,0,1)) drop-shadow(0 0 25px rgba(255,255,0,.6))}42%{filter:drop-shadow(0 0 15px rgba(0,255,0,1)) drop-shadow(0 0 25px rgba(0,255,0,.6))}57%{filter:drop-shadow(0 0 15px rgba(0,153,255,1)) drop-shadow(0 0 25px rgba(0,153,255,.6))}71%{filter:drop-shadow(0 0 15px rgba(153,51,255,1)) drop-shadow(0 0 25px rgba(153,51,255,.6))}85%{filter:drop-shadow(0 0 15px rgba(255,0,255,1)) drop-shadow(0 0 25px rgba(255,0,255,.6))}to{filter:drop-shadow(0 0 15px rgba(255,0,0,1)) drop-shadow(0 0 25px rgba(255,0,0,.6))}}@keyframes bounceUpDown-99d6130a{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes bounceUpDownFast-99d6130a{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes demonRotate-99d6130a{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.header-nav[data-v-99d6130a]{display:flex;gap:2rem;margin-left:auto}.nav-link[data-v-99d6130a]{color:var(--text-secondary);text-decoration:none;font-size:.95rem;font-weight:500;transition:color .2s;white-space:nowrap}.nav-link[data-v-99d6130a]:hover{color:var(--text-primary)}.nav-link.active[data-v-99d6130a]{color:var(--primary)}.header-actions[data-v-99d6130a]{display:flex;align-items:center;gap:1rem}.search-box[data-v-99d6130a]{position:relative;display:flex;align-items:center}.search-icon[data-v-99d6130a]{position:absolute;left:.875rem;color:var(--text-secondary);pointer-events:none}.search-box input[data-v-99d6130a]{width:240px;padding:.625rem 1rem .625rem 2.75rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:10px;color:var(--text-primary);font-size:.875rem;transition:all .2s}.search-box input[data-v-99d6130a]::placeholder{color:var(--text-secondary)}.search-box input[data-v-99d6130a]:focus{outline:none;border-color:var(--primary);background:rgba(15,23,42,.8);width:280px}.auth-buttons[data-v-99d6130a]{display:flex;gap:.75rem}.btn-login[data-v-99d6130a]{padding:.625rem 1.5rem;background:transparent;border:1px solid var(--primary);color:var(--primary);border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap;display:flex;align-items:center}.btn-login[data-v-99d6130a]:hover{background:var(--primary);color:#fff}.btn-register[data-v-99d6130a]{padding:.625rem 1.5rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:all .2s;white-space:nowrap;display:flex;align-items:center}.btn-register[data-v-99d6130a]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.user-menu[data-v-99d6130a]{cursor:pointer}.user-avatar[data-v-99d6130a]{width:40px;height:40px;border-radius:50%;border:2px solid var(--primary);transition:transform .2s}.user-avatar[data-v-99d6130a]:hover{transform:scale(1.1)}.mobile-menu-btn[data-v-99d6130a]{display:none;background:none;border:none;color:var(--text-primary);cursor:pointer;padding:.5rem}.mobile-menu[data-v-99d6130a]{display:none;padding:1.5rem 2rem;background:rgba(15,23,42,.95);border-top:1px solid var(--border)}.mobile-nav[data-v-99d6130a]{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.mobile-nav-link[data-v-99d6130a]{color:var(--text-secondary);text-decoration:none;font-size:1rem;padding:.75rem 0;border-bottom:1px solid var(--border);transition:color .2s}.mobile-nav-link[data-v-99d6130a]:hover{color:var(--text-primary)}.mobile-auth[data-v-99d6130a]{display:flex;flex-direction:column;gap:.75rem}.mobile-menu.active[data-v-99d6130a]{display:block}@media (max-width: 1024px){.header-nav[data-v-99d6130a]{display:none}.search-box input[data-v-99d6130a]{width:180px}.search-box input[data-v-99d6130a]:focus{width:200px}}@media (max-width: 768px){.header-container[data-v-99d6130a]{padding:0 1.5rem}.header-nav[data-v-99d6130a],.search-box[data-v-99d6130a],.auth-buttons[data-v-99d6130a]{display:none}.mobile-menu-btn[data-v-99d6130a]{display:block;margin-left:auto}}.snow-container[data-v-ee292ef5]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:1;overflow:hidden}.snowflake[data-v-ee292ef5]{position:absolute;top:-20px;color:#fffc;-webkit-user-select:none;user-select:none;animation:fall-ee292ef5 linear infinite}@keyframes fall-ee292ef5{0%{transform:translateY(-20px) rotate(0)}to{transform:translateY(100vh) rotate(360deg)}}@media (max-width: 768px){.snowflake[data-v-ee292ef5]:nth-child(n+30){display:none}}*{margin:0;padding:0;box-sizing:border-box}:root{--primary: #6366f1;--primary-dark: #4f46e5;--bg-dark: #0f172a;--bg-card: rgba(30, 41, 59, .5);--text-primary: #f1f5f9;--text-secondary: #94a3b8;--border: rgba(148, 163, 184, .1)}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background:linear-gradient(135deg,#0f172a 0%,#1e293b 100%);color:var(--text-primary);min-height:100vh;position:relative;overflow-x:hidden}body:before{content:"";position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none;z-index:0}#app{position:relative;z-index:1}.auth-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,rgba(10,14,39,.85) 0%,rgba(26,26,62,.85) 50%,rgba(15,15,46,.85) 100%),url(src/assets/images/anh1.jpg) center/cover no-repeat fixed;position:relative;overflow:hidden}.auth-container:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%);animation:bgShift 15s ease-in-out infinite;pointer-events:none;z-index:0}.auth-container:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.03) 50%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 100%);pointer-events:none;z-index:1}@keyframes bgShift{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.auth-card{width:100%;max-width:480px;background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0006;position:relative;z-index:2}.logo{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.logo h1{font-size:1.75rem;font-weight:700;background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.auth-title{font-size:1.875rem;font-weight:700;text-align:center;margin-bottom:.5rem;color:var(--text-primary)}.auth-subtitle{text-align:center;color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem}.auth-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-size:.875rem;font-weight:600;color:var(--text-primary)}.label-row{display:flex;justify-content:space-between;align-items:center}.forgot-link{font-size:.875rem;color:var(--primary);text-decoration:none;transition:color .2s}.forgot-link:hover{color:var(--primary-dark)}.input-wrapper{position:relative;display:flex;align-items:center}.input-icon{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.input-wrapper input{width:100%;padding:.875rem 1rem .875rem 3rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.input-wrapper input::placeholder{color:var(--text-secondary)}.input-wrapper input:focus{outline:none;border-color:var(--primary);background:rgba(15,23,42,.8);box-shadow:0 0 0 3px #6366f11a}.toggle-password{position:absolute;right:1rem;background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:.25rem;display:flex;align-items:center;transition:color .2s}.toggle-password:hover{color:var(--text-primary)}.checkbox-group{display:flex;align-items:center;gap:.5rem}.checkbox-group input[type=checkbox]{width:18px;height:18px;cursor:pointer;accent-color:var(--primary)}.checkbox-group label{font-size:.875rem;color:var(--text-secondary);cursor:pointer}.btn-primary{width:100%;padding:.875rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #6366f14d}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-primary:active:not(:disabled){transform:translateY(0)}.btn-primary:disabled{opacity:.6;cursor:not-allowed}.divider{display:flex;align-items:center;text-align:center;margin:1.5rem 0}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid var(--border)}.divider span{padding:0 1rem;color:var(--text-secondary);font-size:.875rem}.social-buttons{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-social{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s}.btn-social:hover{background:rgba(15,23,42,.8);border-color:var(--primary);transform:translateY(-2px)}.auth-footer{text-align:center;color:var(--text-secondary);font-size:.95rem;margin-top:1rem}.link{color:var(--primary);text-decoration:none;font-weight:600;transition:color .2s}.link:hover{color:var(--primary-dark)}.error-text{color:#ef4444;font-size:.875rem;margin-top:.25rem}@media (max-width: 640px){.auth-card{padding:2rem 1.5rem}.auth-title{font-size:1.5rem}.social-buttons{grid-template-columns:1fr}}main{min-height:100vh}main.with-header{padding-top:72px}.home-page[data-v-0a166bb0]{min-height:100vh;padding-bottom:4rem}.container[data-v-0a166bb0]{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-section[data-v-0a166bb0]{padding:6rem 0 4rem}.hero-title[data-v-0a166bb0]{font-size:3rem;font-weight:700;margin-bottom:1rem;background:linear-gradient(135deg,#fff 0%,#94a3b8 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-0a166bb0]{font-size:1.125rem;color:var(--text-secondary);max-width:600px}.games-section[data-v-0a166bb0]{padding:2rem 0}.games-grid[data-v-0a166bb0]{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:2rem}.game-card[data-v-0a166bb0]{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;overflow:hidden;cursor:pointer;transition:all .3s ease}.game-card[data-v-0a166bb0]:hover{transform:translateY(-8px);border-color:var(--primary);box-shadow:0 20px 40px #6366f133}.game-image[data-v-0a166bb0]{position:relative;width:100%;height:320px;overflow:hidden}.game-image img[data-v-0a166bb0]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-card:hover .game-image img[data-v-0a166bb0]{transform:scale(1.1)}.game-badge[data-v-0a166bb0]{position:absolute;top:1rem;left:1rem;background:var(--primary);color:#fff;padding:.5rem 1rem;border-radius:20px;font-size:.875rem;font-weight:600}.game-info[data-v-0a166bb0]{padding:1.5rem}.game-title[data-v-0a166bb0]{font-size:1.25rem;font-weight:600;color:var(--text-primary);margin:0}.footer[data-v-0a166bb0]{margin-top:6rem;padding:3rem 0 1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.footer-content[data-v-0a166bb0]{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem}.footer-column[data-v-0a166bb0]{display:flex;flex-direction:column}.footer-brand[data-v-0a166bb0]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-0a166bb0]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-brand-title[data-v-0a166bb0]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.footer-description[data-v-0a166bb0]{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-heading[data-v-0a166bb0]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.footer-links[data-v-0a166bb0]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li[data-v-0a166bb0]{margin:0}.footer-link[data-v-0a166bb0]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.footer-link[data-v-0a166bb0]:hover{color:var(--primary)}.social-links[data-v-0a166bb0]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-v-0a166bb0]{color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent}.social-link[data-v-0a166bb0]:hover{color:var(--primary);transform:translateY(-2px)}.social-link svg[data-v-0a166bb0]{width:24px;height:24px}.footer-divider[data-v-0a166bb0]{height:1px;background:rgba(148,163,184,.2);margin:2rem 0 1.5rem}.copyright[data-v-0a166bb0]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 768px){.hero-title[data-v-0a166bb0]{font-size:2rem}.games-grid[data-v-0a166bb0]{grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1.5rem}.footer-content[data-v-0a166bb0]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 480px){.footer-content[data-v-0a166bb0]{grid-template-columns:1fr;gap:2rem}}.logo[data-v-a7dfae26]{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.logo svg[data-v-a7dfae26]{animation:rainbowGlow-a7dfae26 4s linear infinite,demonRotate-a7dfae26 8s linear infinite,bounceUpDown-a7dfae26 1.2s ease-in-out infinite}.logo h1[data-v-a7dfae26]{font-size:1.75rem;font-weight:700;animation:rainbowText-a7dfae26 4s linear infinite,bounceUpDown-a7dfae26 1.2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes rainbowText-a7dfae26{0%{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}14%{color:#f60;text-shadow:0 0 8px rgba(255,102,0,.6)}28%{color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.6)}42%{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.6)}57%{color:#09f;text-shadow:0 0 8px rgba(0,153,255,.6)}71%{color:#93f;text-shadow:0 0 8px rgba(153,51,255,.6)}85%{color:#f0f;text-shadow:0 0 8px rgba(255,0,255,.6)}to{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}}@keyframes rainbowGlow-a7dfae26{0%{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}14%{filter:drop-shadow(0 0 8px rgba(255,102,0,.8))}28%{filter:drop-shadow(0 0 8px rgba(255,255,0,.8))}42%{filter:drop-shadow(0 0 8px rgba(0,255,0,.8))}57%{filter:drop-shadow(0 0 8px rgba(0,153,255,.8))}71%{filter:drop-shadow(0 0 8px rgba(153,51,255,.8))}85%{filter:drop-shadow(0 0 8px rgba(255,0,255,.8))}to{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}}@keyframes bounceUpDown-a7dfae26{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes demonRotate-a7dfae26{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.logo[data-v-144eb65c]{display:flex;align-items:center;justify-content:center;gap:.75rem;margin-bottom:2rem}.logo svg[data-v-144eb65c]{animation:rainbowGlow-144eb65c 4s linear infinite,demonRotate-144eb65c 8s linear infinite,bounceUpDown-144eb65c 1.2s ease-in-out infinite}.logo h1[data-v-144eb65c]{font-size:1.75rem;font-weight:700;animation:rainbowText-144eb65c 4s linear infinite,bounceUpDown-144eb65c 1.2s ease-in-out infinite;background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}@keyframes rainbowText-144eb65c{0%{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}14%{color:#f60;text-shadow:0 0 8px rgba(255,102,0,.6)}28%{color:#ff0;text-shadow:0 0 8px rgba(255,255,0,.6)}42%{color:#0f0;text-shadow:0 0 8px rgba(0,255,0,.6)}57%{color:#09f;text-shadow:0 0 8px rgba(0,153,255,.6)}71%{color:#93f;text-shadow:0 0 8px rgba(153,51,255,.6)}85%{color:#f0f;text-shadow:0 0 8px rgba(255,0,255,.6)}to{color:red;text-shadow:0 0 8px rgba(255,0,0,.6)}}@keyframes rainbowGlow-144eb65c{0%{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}14%{filter:drop-shadow(0 0 8px rgba(255,102,0,.8))}28%{filter:drop-shadow(0 0 8px rgba(255,255,0,.8))}42%{filter:drop-shadow(0 0 8px rgba(0,255,0,.8))}57%{filter:drop-shadow(0 0 8px rgba(0,153,255,.8))}71%{filter:drop-shadow(0 0 8px rgba(153,51,255,.8))}85%{filter:drop-shadow(0 0 8px rgba(255,0,255,.8))}to{filter:drop-shadow(0 0 8px rgba(255,0,0,.8))}}@keyframes bounceUpDown-144eb65c{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes demonRotate-144eb65c{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.auth-container[data-v-8df44e04]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,rgba(10,14,39,.85) 0%,rgba(26,26,62,.85) 50%,rgba(15,15,46,.85) 100%),url(/assets/anh1-04bf305e.jpg) center/cover no-repeat fixed;position:relative;overflow:hidden}.auth-container[data-v-8df44e04]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%);animation:bgShift-8df44e04 15s ease-in-out infinite;pointer-events:none;z-index:0}.auth-container[data-v-8df44e04]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.03) 50%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 100%);pointer-events:none;z-index:1}@keyframes bgShift-8df44e04{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.auth-card[data-v-8df44e04]{width:100%;max-width:480px;background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.shield-icon[data-v-8df44e04]{margin-bottom:2rem;animation:slideDown-8df44e04 .5s ease}.auth-title[data-v-8df44e04]{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.auth-subtitle[data-v-8df44e04]{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.auth-form[data-v-8df44e04]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group[data-v-8df44e04]{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label[data-v-8df44e04]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:left}.input-wrapper[data-v-8df44e04]{position:relative;display:flex;align-items:center}.input-icon[data-v-8df44e04]{position:absolute;left:1rem;color:var(--text-secondary);flex-shrink:0}.form-group input[data-v-8df44e04]{width:100%;padding:.875rem 1rem .875rem 3rem;background:rgba(255,255,255,.05);border:1px solid rgba(99,102,241,.3);border-radius:8px;color:var(--text-primary);font-size:.95rem;outline:none;transition:all .2s}.form-group input[data-v-8df44e04]:focus{background:rgba(255,255,255,.08);border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.form-group input[data-v-8df44e04]::placeholder{color:var(--text-secondary);opacity:.5}.btn-primary[data-v-8df44e04]{background:linear-gradient(135deg,var(--primary) 0%,#a78bfa 100%);color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-primary[data-v-8df44e04]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-primary[data-v-8df44e04]:disabled{opacity:.5;cursor:not-allowed}.auth-footer[data-v-8df44e04]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}.link[data-v-8df44e04]{background:none;border:none;color:var(--primary);text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s;padding:0}.link[data-v-8df44e04]:hover{color:#a78bfa}.security-badge[data-v-8df44e04]{display:flex;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.1);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em}@keyframes slideDown-8df44e04{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.auth-card[data-v-8df44e04]{padding:2rem 1.5rem}.auth-title[data-v-8df44e04]{font-size:1.5rem}}.auth-container[data-v-bfe9d919]{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,rgba(10,14,39,.85) 0%,rgba(26,26,62,.85) 50%,rgba(15,15,46,.85) 100%),url(/assets/anh1-04bf305e.jpg) center/cover no-repeat fixed;position:relative;overflow:hidden}.auth-container[data-v-bfe9d919]:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:radial-gradient(circle at 20% 50%,rgba(99,102,241,.1) 0%,transparent 50%),radial-gradient(circle at 80% 80%,rgba(168,85,247,.08) 0%,transparent 50%);animation:bgShift-bfe9d919 15s ease-in-out infinite;pointer-events:none;z-index:0}.auth-container[data-v-bfe9d919]:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,transparent 0%,rgba(99,102,241,.03) 50%,transparent 100%),linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 100%);pointer-events:none;z-index:1}@keyframes bgShift-bfe9d919{0%,to{transform:translate(0)}50%{transform:translate(50px,50px)}}.auth-card[data-v-bfe9d919]{width:100%;max-width:480px;background:rgba(30,41,59,.8);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(99,102,241,.2);border-radius:24px;padding:3rem 2.5rem;box-shadow:0 20px 60px #0006;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;z-index:2}.shield-icon[data-v-bfe9d919]{margin-bottom:2rem;animation:slideDown-bfe9d919 .5s ease}.auth-title[data-v-bfe9d919]{font-size:1.875rem;font-weight:700;margin-bottom:.75rem;color:var(--text-primary)}.auth-subtitle[data-v-bfe9d919]{color:var(--text-secondary);margin-bottom:2rem;font-size:.95rem;line-height:1.6}.auth-form[data-v-bfe9d919]{display:flex;flex-direction:column;gap:1.5rem;width:100%}.form-group[data-v-bfe9d919]{display:flex;flex-direction:column;gap:.5rem;width:100%}.form-group label[data-v-bfe9d919]{font-size:.875rem;font-weight:600;color:var(--text-primary);text-align:left}.otp-input[data-v-bfe9d919]{width:100%;padding:1rem;background:rgba(255,255,255,.05);border:2px solid rgba(99,102,241,.3);border-radius:12px;color:var(--text-primary);font-size:1.25rem;letter-spacing:.5rem;text-align:center;font-weight:600;outline:none;transition:all .2s}.otp-input[data-v-bfe9d919]:focus{background:rgba(255,255,255,.08);border-color:var(--primary);box-shadow:0 0 0 3px #6366f126}.otp-input[data-v-bfe9d919]::placeholder{color:var(--text-secondary);opacity:.5}.countdown[data-v-bfe9d919]{display:flex;justify-content:space-between;align-items:center;font-size:.875rem;color:var(--text-secondary);padding:.75rem 1rem;background:rgba(255,255,255,.03);border-radius:8px}.timer[data-v-bfe9d919]{font-weight:600;color:var(--primary);font-size:1rem}.btn-primary[data-v-bfe9d919]{background:linear-gradient(135deg,var(--primary) 0%,#a78bfa 100%);color:#fff;border:none;border-radius:8px;padding:.875rem 1.5rem;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s;width:100%}.btn-primary[data-v-bfe9d919]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 20px #6366f14d}.btn-primary[data-v-bfe9d919]:disabled{opacity:.5;cursor:not-allowed}.auth-footer[data-v-bfe9d919]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}.link[data-v-bfe9d919]{background:none;border:none;color:var(--primary);text-decoration:none;font-weight:600;cursor:pointer;transition:color .2s;padding:0}.link[data-v-bfe9d919]:hover{color:#a78bfa}.back-link[data-v-bfe9d919]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;margin-top:1rem;display:inline-block;transition:color .2s}.back-link[data-v-bfe9d919]:hover{color:var(--primary)}.security-badge[data-v-bfe9d919]{display:flex;align-items:center;gap:.5rem;margin-top:2rem;padding-top:2rem;border-top:1px solid rgba(99,102,241,.1);color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.05em}@keyframes slideDown-bfe9d919{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@media (max-width: 480px){.auth-card[data-v-bfe9d919]{padding:2rem 1.5rem}.auth-title[data-v-bfe9d919]{font-size:1.5rem}.otp-input[data-v-bfe9d919]{font-size:1rem;letter-spacing:.25rem}}.game-list-page[data-v-e6acf9eb]{min-height:100vh;padding-bottom:4rem}.container[data-v-e6acf9eb]{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-section[data-v-e6acf9eb]{padding:3rem 0 2rem}.hero-title[data-v-e6acf9eb]{font-size:2.5rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.hero-title .highlight[data-v-e6acf9eb]{background:linear-gradient(135deg,#a78bfa 0%,#6366f1 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle[data-v-e6acf9eb]{font-size:1rem;color:var(--text-secondary);margin:0}.list-section[data-v-e6acf9eb]{padding:2rem 0}.category-filter[data-v-e6acf9eb]{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.filter-btn[data-v-e6acf9eb]{background:transparent;border:1px solid var(--border);color:var(--text-primary);padding:.75rem 1.5rem;border-radius:20px;cursor:pointer;transition:all .2s;font-weight:600}.filter-btn[data-v-e6acf9eb]:hover{border-color:var(--primary);color:var(--primary)}.filter-btn.active[data-v-e6acf9eb]{background:var(--primary);border-color:var(--primary);color:#fff}.games-list-grid[data-v-e6acf9eb]{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:1.5rem;margin-bottom:3rem}.game-list-card[data-v-e6acf9eb]{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .3s ease;display:flex;flex-direction:column;cursor:pointer}.game-list-card[data-v-e6acf9eb]:hover{border-color:var(--primary);box-shadow:0 10px 30px #6366f126;transform:translateY(-4px)}.game-card-image[data-v-e6acf9eb]{position:relative;width:100%;height:200px;overflow:hidden}.game-card-image img[data-v-e6acf9eb]{width:100%;height:100%;object-fit:cover;transition:transform .3s ease}.game-list-card:hover .game-card-image img[data-v-e6acf9eb]{transform:scale(1.05)}.game-card-badge[data-v-e6acf9eb]{position:absolute;top:.75rem;right:.75rem;background:rgba(0,0,0,.7);color:#a0aec0;padding:.25rem .75rem;border-radius:4px;font-size:.75rem;font-weight:600}.game-card-content[data-v-e6acf9eb]{padding:1rem;flex:1}.game-card-title[data-v-e6acf9eb]{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0 0 .5rem;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.game-card-desc[data-v-e6acf9eb]{font-size:.8rem;color:var(--text-secondary);margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;line-height:1.4}.game-card-stats[data-v-e6acf9eb]{display:flex;gap:.75rem;margin:.75rem 0;flex-wrap:wrap}.stat[data-v-e6acf9eb]{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.stat-label[data-v-e6acf9eb]{color:var(--text-secondary)}.stat-value[data-v-e6acf9eb]{color:var(--primary);font-weight:600}.game-card-info[data-v-e6acf9eb]{display:flex;gap:1rem;flex-wrap:wrap;margin:.75rem 0}.info-item[data-v-e6acf9eb]{display:flex;align-items:center;gap:.25rem;font-size:.75rem}.info-label[data-v-e6acf9eb]{color:var(--text-secondary)}.info-value[data-v-e6acf9eb]{color:var(--primary);font-weight:600}.game-card-footer[data-v-e6acf9eb]{padding:0 1rem 1rem;display:flex;gap:1rem;align-items:center;margin-top:auto}.price[data-v-e6acf9eb]{font-size:1.1rem;font-weight:700;color:var(--primary)}.btn-buy[data-v-e6acf9eb]{background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);color:#fff;border:none;padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;font-size:.85rem;transition:all .2s;flex:1}.btn-buy[data-v-e6acf9eb]:hover{transform:translateY(-2px);box-shadow:0 5px 15px #6366f14d}.pagination[data-v-e6acf9eb]{display:flex;gap:.5rem;justify-content:center;align-items:center;margin-top:3rem}.page-btn[data-v-e6acf9eb]{background:var(--bg-card);border:1px solid var(--border);color:var(--text-primary);width:40px;height:40px;border-radius:8px;cursor:pointer;font-weight:600;transition:all .2s}.page-btn[data-v-e6acf9eb]:hover{border-color:var(--primary);color:var(--primary)}.page-btn[data-v-e6acf9eb]:first-child,.page-btn.last[data-v-e6acf9eb]{background:var(--primary);color:#fff;border-color:var(--primary)}.page-dots[data-v-e6acf9eb]{color:var(--text-secondary);margin:0 .5rem}@media (max-width: 768px){.games-list-grid[data-v-e6acf9eb]{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1rem}.hero-title[data-v-e6acf9eb]{font-size:1.75rem}}@media (max-width: 480px){.games-list-grid[data-v-e6acf9eb]{grid-template-columns:1fr}.category-filter[data-v-e6acf9eb]{overflow-x:auto;padding-bottom:.5rem}.filter-btn[data-v-e6acf9eb]{white-space:nowrap}}.footer[data-v-e6acf9eb]{margin-top:6rem;padding:3rem 0 1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.footer-content[data-v-e6acf9eb]{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem}.footer-column[data-v-e6acf9eb]{display:flex;flex-direction:column}.footer-brand[data-v-e6acf9eb]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-e6acf9eb]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-brand-title[data-v-e6acf9eb]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.footer-description[data-v-e6acf9eb]{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-heading[data-v-e6acf9eb]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.footer-links[data-v-e6acf9eb]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li[data-v-e6acf9eb]{margin:0}.footer-link[data-v-e6acf9eb]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.footer-link[data-v-e6acf9eb]:hover{color:var(--primary)}.social-links[data-v-e6acf9eb]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-v-e6acf9eb]{color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent}.social-link[data-v-e6acf9eb]:hover{color:var(--primary);transform:translateY(-2px)}.social-link svg[data-v-e6acf9eb]{width:24px;height:24px}.footer-divider[data-v-e6acf9eb]{height:1px;background:rgba(148,163,184,.2);margin:2rem 0 1.5rem}.copyright[data-v-e6acf9eb]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 768px){.footer-content[data-v-e6acf9eb]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 480px){.footer-content[data-v-e6acf9eb]{grid-template-columns:1fr;gap:2rem}}.game-detail-page[data-v-e9ab650b]{min-height:100vh;padding:2rem 0}.container[data-v-e9ab650b]{max-width:1280px;margin:0 auto;padding:0 2rem}.breadcrumb[data-v-e9ab650b]{display:flex;align-items:center;gap:.5rem;margin-bottom:2rem;font-size:.9rem;color:var(--text-secondary)}.breadcrumb a[data-v-e9ab650b]{color:var(--primary);text-decoration:none;transition:color .2s}.breadcrumb a[data-v-e9ab650b]:hover{color:var(--primary-dark)}.breadcrumb .separator[data-v-e9ab650b]{color:var(--text-secondary);margin:0 .25rem}.detail-container[data-v-e9ab650b]{display:grid;grid-template-columns:1fr 1fr;gap:3rem;margin-bottom:4rem}.images-section[data-v-e9ab650b]{display:flex;flex-direction:column;gap:1rem}.main-image[data-v-e9ab650b]{position:relative;width:100%;aspect-ratio:1;border-radius:12px;overflow:hidden;background:var(--bg-card)}.main-image img[data-v-e9ab650b]{width:100%;height:100%;object-fit:cover}.badge-hot[data-v-e9ab650b]{position:absolute;top:1rem;left:1rem;background:#ef4444;color:#fff;padding:.5rem 1rem;border-radius:4px;font-weight:700;font-size:.85rem}.thumbnail-images[data-v-e9ab650b]{display:grid;grid-template-columns:repeat(4,1fr);gap:.75rem}.thumbnail[data-v-e9ab650b]{aspect-ratio:1;border-radius:8px;overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .2s}.thumbnail img[data-v-e9ab650b]{width:100%;height:100%;object-fit:cover}.thumbnail[data-v-e9ab650b]:hover{border-color:var(--primary)}.info-section[data-v-e9ab650b]{display:flex;flex-direction:column;gap:1.5rem}.badges[data-v-e9ab650b]{display:flex;gap:.75rem}.badge[data-v-e9ab650b]{padding:.5rem 1rem;border-radius:20px;font-size:.85rem;font-weight:600}.green-badge[data-v-e9ab650b]{background:rgba(16,185,129,.2);color:#10b981}.blue-badge[data-v-e9ab650b]{background:rgba(59,130,246,.2);color:#3b82f6}.product-title[data-v-e9ab650b]{font-size:1.75rem;font-weight:700;color:var(--text-primary);margin:0;line-height:1.3}.rating[data-v-e9ab650b]{display:flex;align-items:center;gap:1rem}.stars[data-v-e9ab650b]{display:flex;align-items:center;gap:.5rem}.star[data-v-e9ab650b]{color:#fbbf24;font-size:1.25rem}.rating-text[data-v-e9ab650b]{color:var(--text-secondary);font-size:.9rem}.price-section[data-v-e9ab650b]{display:flex;align-items:baseline;gap:1rem}.price-new[data-v-e9ab650b]{font-size:2rem;font-weight:700;color:var(--primary)}.price-old[data-v-e9ab650b]{font-size:1.25rem;color:var(--text-secondary);text-decoration:line-through}.description[data-v-e9ab650b]{color:var(--text-secondary);line-height:1.6;margin:0}.features[data-v-e9ab650b]{padding-top:1.5rem;border-top:1px solid var(--border)}.features-title[data-v-e9ab650b]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem}.features-list[data-v-e9ab650b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.features-list li[data-v-e9ab650b]{color:var(--text-secondary);padding-left:1.5rem;position:relative}.features-list li[data-v-e9ab650b]:before{content:"✓";position:absolute;left:0;color:#10b981;font-weight:700}.benefits-grid[data-v-e9ab650b]{display:grid;grid-template-columns:1fr;gap:1rem;padding:1.5rem 0;border-top:1px solid var(--border)}.benefit-item[data-v-e9ab650b]{display:flex;gap:1rem}.benefit-icon[data-v-e9ab650b]{width:24px;height:24px;color:#10b981;flex-shrink:0}.benefit-item h4[data-v-e9ab650b]{font-size:.9rem;font-weight:600;color:var(--text-primary);margin:0}.benefit-item p[data-v-e9ab650b]{font-size:.85rem;color:var(--text-secondary);margin:0}.action-buttons[data-v-e9ab650b]{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.btn-buy[data-v-e9ab650b],.btn-chat[data-v-e9ab650b]{padding:1rem;border-radius:8px;font-weight:600;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center;gap:.5rem;font-size:1rem}.btn-buy[data-v-e9ab650b]{background:linear-gradient(135deg,#6366f1 0%,#a78bfa 100%);color:#fff;border:none}.btn-buy[data-v-e9ab650b]:hover{transform:translateY(-2px);box-shadow:0 10px 25px #6366f14d}.btn-chat[data-v-e9ab650b]{background:transparent;border:2px solid var(--border);color:var(--text-primary)}.btn-chat[data-v-e9ab650b]:hover{border-color:var(--primary);color:var(--primary)}.shop-info[data-v-e9ab650b]{padding:1.5rem;background:var(--bg-card);border-radius:12px;border:1px solid var(--border)}.shop-header[data-v-e9ab650b]{display:flex;align-items:center;gap:1rem}.shop-icon[data-v-e9ab650b]{width:48px;height:48px;color:var(--primary)}.shop-header h4[data-v-e9ab650b]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0}.shop-rating[data-v-e9ab650b]{font-size:.85rem;color:var(--text-secondary);margin:.25rem 0 0}.btn-view-shop[data-v-e9ab650b]{margin-left:auto;background:transparent;border:1px solid var(--primary);color:var(--primary);padding:.5rem 1rem;border-radius:6px;cursor:pointer;font-weight:600;transition:all .2s}.btn-view-shop[data-v-e9ab650b]:hover{background:var(--primary);color:#fff}.reviews-section[data-v-e9ab650b]{padding-top:3rem;border-top:1px solid var(--border)}.reviews-section h2[data-v-e9ab650b]{font-size:1.5rem;font-weight:700;margin-bottom:2rem;color:var(--text-primary)}.reviews-grid[data-v-e9ab650b]{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem}.review-card[data-v-e9ab650b]{background:var(--bg-card);padding:1.5rem;border-radius:12px;border:1px solid var(--border)}.review-header[data-v-e9ab650b]{margin-bottom:1rem}.reviewer-info[data-v-e9ab650b]{display:flex;align-items:center;gap:.75rem}.reviewer-avatar[data-v-e9ab650b]{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:1.25rem;flex-shrink:0}.reviewer-info h4[data-v-e9ab650b]{font-size:.95rem;font-weight:600;color:var(--text-primary);margin:0}.review-stars[data-v-e9ab650b]{display:flex;gap:.25rem;margin-top:.25rem}.review-stars .star[data-v-e9ab650b]{color:#fbbf24;font-size:1rem}.review-text[data-v-e9ab650b]{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:1rem 0}.review-date[data-v-e9ab650b]{color:#6b7280;font-size:.8rem;margin:0}@media (max-width: 1024px){.detail-container[data-v-e9ab650b]{grid-template-columns:1fr;gap:2rem}.reviews-grid[data-v-e9ab650b]{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.product-title[data-v-e9ab650b],.price-new[data-v-e9ab650b]{font-size:1.5rem}.action-buttons[data-v-e9ab650b],.reviews-grid[data-v-e9ab650b]{grid-template-columns:1fr}.thumbnail-images[data-v-e9ab650b]{grid-template-columns:repeat(3,1fr)}}.footer[data-v-e9ab650b]{margin-top:6rem;padding:3rem 0 1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.footer-content[data-v-e9ab650b]{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem}.footer-column[data-v-e9ab650b]{display:flex;flex-direction:column}.footer-brand[data-v-e9ab650b]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-e9ab650b]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-brand-title[data-v-e9ab650b]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.footer-description[data-v-e9ab650b]{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-heading[data-v-e9ab650b]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.footer-links[data-v-e9ab650b]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li[data-v-e9ab650b]{margin:0}.footer-link[data-v-e9ab650b]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.footer-link[data-v-e9ab650b]:hover{color:var(--primary)}.social-links[data-v-e9ab650b]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-v-e9ab650b]{color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent}.social-link[data-v-e9ab650b]:hover{color:var(--primary);transform:translateY(-2px)}.social-link svg[data-v-e9ab650b]{width:24px;height:24px}.footer-divider[data-v-e9ab650b]{height:1px;background:rgba(148,163,184,.2);margin:2rem 0 1.5rem}.copyright[data-v-e9ab650b]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 768px){.footer-content[data-v-e9ab650b]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 480px){.footer-content[data-v-e9ab650b]{grid-template-columns:1fr;gap:2rem}}.topup-page[data-v-aff805d1]{min-height:100vh;padding-bottom:4rem}.container[data-v-aff805d1]{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-section[data-v-aff805d1]{padding:6rem 0 3rem;text-align:center}.hero-title[data-v-aff805d1]{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.hero-subtitle[data-v-aff805d1]{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.payment-section[data-v-aff805d1]{padding:2rem 0}.payment-grid[data-v-aff805d1]{display:grid;grid-template-columns:1fr 1fr;gap:2rem}.payment-card[data-v-aff805d1]{background:rgba(30,41,59,.5);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;padding:2rem}.payment-card-title[data-v-aff805d1]{font-size:1.5rem;font-weight:700;color:var(--text-primary);margin-bottom:2rem}.step-section[data-v-aff805d1]{margin-bottom:2rem}.step-section[data-v-aff805d1]:last-child{margin-bottom:0}.step-title[data-v-aff805d1]{font-size:1rem;font-weight:600;color:var(--text-primary);margin-bottom:1rem}.network-buttons[data-v-aff805d1]{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem}.network-btn[data-v-aff805d1]{display:flex;align-items:center;justify-content:center;gap:.5rem;padding:.875rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.network-btn[data-v-aff805d1]:hover{border-color:var(--primary);background:rgba(15,23,42,.8)}.network-btn.active[data-v-aff805d1]{border-color:var(--primary);background:rgba(99,102,241,.2);box-shadow:0 0 0 3px #6366f11a}.network-logo[data-v-aff805d1]{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.75rem}.denomination-buttons[data-v-aff805d1]{display:grid;grid-template-columns:repeat(3,1fr);gap:.75rem}.denomination-btn[data-v-aff805d1]{padding:.875rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.875rem;font-weight:600;cursor:pointer;transition:all .2s}.denomination-btn[data-v-aff805d1]:hover{border-color:var(--primary);background:rgba(15,23,42,.8)}.denomination-btn.active[data-v-aff805d1]{border-color:var(--primary);background:rgba(99,102,241,.2);box-shadow:0 0 0 3px #6366f11a}.form-group[data-v-aff805d1]{margin-bottom:1rem}.form-input[data-v-aff805d1]{width:100%;padding:.875rem 1rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.form-input[data-v-aff805d1]::placeholder{color:var(--text-secondary)}.form-input[data-v-aff805d1]:focus{outline:none;border-color:var(--primary);background:rgba(15,23,42,.8);box-shadow:0 0 0 3px #6366f11a}.btn-topup[data-v-aff805d1]{width:100%;padding:1rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #6366f14d;display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:1rem}.btn-topup[data-v-aff805d1]:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-topup[data-v-aff805d1]:active:not(:disabled){transform:translateY(0)}.btn-topup[data-v-aff805d1]:disabled{opacity:.6;cursor:not-allowed}.payment-methods[data-v-aff805d1]{display:flex;flex-direction:column;gap:2rem}.qr-container[data-v-aff805d1]{display:flex;flex-direction:column;align-items:center;gap:1rem}.qr-code[data-v-aff805d1]{background:white;padding:1rem;border-radius:12px;display:flex;align-items:center;justify-content:center}.qr-code img[data-v-aff805d1]{width:200px;height:200px;display:block}.qr-instruction[data-v-aff805d1],.transfer-content[data-v-aff805d1]{color:var(--text-secondary);font-size:.875rem;text-align:center;margin:0}.transfer-content strong[data-v-aff805d1]{color:var(--primary)}.bank-info[data-v-aff805d1]{display:flex;flex-direction:column;gap:1rem}.bank-detail[data-v-aff805d1]{display:flex;justify-content:space-between;align-items:center;padding:.75rem 0;border-bottom:1px solid var(--border)}.bank-detail[data-v-aff805d1]:last-of-type{border-bottom:none}.bank-label[data-v-aff805d1]{color:var(--text-secondary);font-size:.875rem}.bank-value[data-v-aff805d1]{color:var(--text-primary);font-size:.875rem;font-weight:600}.footer[data-v-aff805d1]{margin-top:6rem;padding:3rem 0 1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.footer-content[data-v-aff805d1]{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem}.footer-column[data-v-aff805d1]{display:flex;flex-direction:column}.footer-brand[data-v-aff805d1]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-aff805d1]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-brand-title[data-v-aff805d1]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.footer-description[data-v-aff805d1]{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-heading[data-v-aff805d1]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.footer-links[data-v-aff805d1]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li[data-v-aff805d1]{margin:0}.footer-link[data-v-aff805d1]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.footer-link[data-v-aff805d1]:hover{color:var(--primary)}.social-links[data-v-aff805d1]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-v-aff805d1]{color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent}.social-link[data-v-aff805d1]:hover{color:var(--primary);transform:translateY(-2px)}.social-link svg[data-v-aff805d1]{width:24px;height:24px}.footer-divider[data-v-aff805d1]{height:1px;background:rgba(148,163,184,.2);margin:2rem 0 1.5rem}.copyright[data-v-aff805d1]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 1024px){.payment-grid[data-v-aff805d1]{grid-template-columns:1fr}.footer-content[data-v-aff805d1]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.hero-title[data-v-aff805d1]{font-size:2rem}.network-buttons[data-v-aff805d1]{grid-template-columns:1fr}.denomination-buttons[data-v-aff805d1]{grid-template-columns:repeat(2,1fr)}.footer-content[data-v-aff805d1]{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.container[data-v-aff805d1]{padding:0 1rem}.payment-card[data-v-aff805d1]{padding:1.5rem}.denomination-buttons[data-v-aff805d1]{grid-template-columns:1fr}}.history-page[data-v-79520ca9]{min-height:100vh;padding-bottom:4rem}.container[data-v-79520ca9]{max-width:1280px;margin:0 auto;padding:0 2rem}.hero-section[data-v-79520ca9]{padding:6rem 0 3rem;text-align:center}.hero-title[data-v-79520ca9]{font-size:3rem;font-weight:700;margin-bottom:1rem;color:var(--text-primary)}.hero-subtitle[data-v-79520ca9]{font-size:1.125rem;color:var(--text-secondary);max-width:700px;margin:0 auto}.history-section[data-v-79520ca9]{padding:2rem 0}.filter-section[data-v-79520ca9]{margin-bottom:2rem}.filter-inputs[data-v-79520ca9]{display:flex;gap:1rem;flex-wrap:wrap}.input-wrapper[data-v-79520ca9]{position:relative;display:flex;align-items:center;flex:1;min-width:200px}.input-icon[data-v-79520ca9]{position:absolute;left:1rem;color:var(--text-secondary);pointer-events:none}.filter-input[data-v-79520ca9]{width:100%;padding:.875rem 1rem .875rem 3rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:12px;color:var(--text-primary);font-size:.95rem;transition:all .2s}.filter-input[data-v-79520ca9]::placeholder{color:var(--text-secondary)}.filter-input[data-v-79520ca9]:focus{outline:none;border-color:var(--primary);background:rgba(15,23,42,.8);box-shadow:0 0 0 3px #6366f11a}.btn-search[data-v-79520ca9]{padding:.875rem 2rem;background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);color:#fff;border:none;border-radius:12px;font-size:.95rem;font-weight:600;cursor:pointer;transition:all .3s;box-shadow:0 4px 12px #6366f14d;white-space:nowrap}.btn-search[data-v-79520ca9]:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f166}.btn-search[data-v-79520ca9]:active{transform:translateY(0)}.table-container[data-v-79520ca9]{background:var(--bg-card);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--border);border-radius:16px;overflow:hidden;margin-bottom:2rem}.transaction-table[data-v-79520ca9]{width:100%;border-collapse:collapse}.transaction-table thead[data-v-79520ca9]{background:rgba(15,23,42,.6)}.transaction-table th[data-v-79520ca9]{padding:1rem;text-align:left;font-size:.875rem;font-weight:700;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px;border-bottom:1px solid var(--border)}.transaction-table tbody tr[data-v-79520ca9]{border-bottom:1px solid var(--border);transition:background .2s}.transaction-table tbody tr[data-v-79520ca9]:hover{background:rgba(99,102,241,.05)}.transaction-table tbody tr[data-v-79520ca9]:last-child{border-bottom:none}.transaction-table td[data-v-79520ca9]{padding:1rem;font-size:.95rem;color:var(--text-primary)}.transaction-id[data-v-79520ca9]{font-weight:600;color:var(--primary);font-family:monospace}.transaction-time[data-v-79520ca9]{color:var(--text-secondary);white-space:nowrap}.transaction-type[data-v-79520ca9]{white-space:nowrap}.type-wrapper[data-v-79520ca9]{display:flex;align-items:center;gap:.5rem}.type-icon[data-v-79520ca9]{color:var(--primary);flex-shrink:0}.transaction-details[data-v-79520ca9]{max-width:300px;color:var(--text-secondary)}.transaction-value[data-v-79520ca9]{font-weight:600;white-space:nowrap}.transaction-value.positive[data-v-79520ca9]{color:#10b981}.transaction-value.negative[data-v-79520ca9]{color:#ef4444}.transaction-status[data-v-79520ca9]{white-space:nowrap}.status-badge[data-v-79520ca9]{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .875rem;border-radius:20px;font-size:.875rem;font-weight:600}.status-dot[data-v-79520ca9]{width:8px;height:8px;border-radius:50%;display:inline-block}.status-success[data-v-79520ca9]{background:rgba(16,185,129,.2);color:#10b981}.status-success .status-dot[data-v-79520ca9]{background:#10b981}.status-processing[data-v-79520ca9]{background:rgba(249,115,22,.2);color:#f97316}.status-processing .status-dot[data-v-79520ca9]{background:#f97316}.status-failed[data-v-79520ca9]{background:rgba(239,68,68,.2);color:#ef4444}.status-failed .status-dot[data-v-79520ca9]{background:#ef4444}.pagination-section[data-v-79520ca9]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem}.pagination-info[data-v-79520ca9]{color:var(--text-secondary);font-size:.875rem}.pagination-controls[data-v-79520ca9]{display:flex;gap:.5rem;align-items:center}.pagination-btn[data-v-79520ca9]{padding:.625rem 1rem;background:rgba(15,23,42,.6);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s;min-width:40px}.pagination-btn[data-v-79520ca9]:hover:not(:disabled){border-color:var(--primary);background:rgba(15,23,42,.8)}.pagination-btn[data-v-79520ca9]:disabled{opacity:.5;cursor:not-allowed}.pagination-number.active[data-v-79520ca9]{background:var(--primary);border-color:var(--primary);color:#fff}.footer[data-v-79520ca9]{margin-top:6rem;padding:3rem 0 1.5rem;background:var(--bg-dark);border-top:1px solid var(--border)}.footer-content[data-v-79520ca9]{display:grid;grid-template-columns:repeat(4,1fr);gap:3rem;margin-bottom:2rem}.footer-column[data-v-79520ca9]{display:flex;flex-direction:column}.footer-brand[data-v-79520ca9]{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.footer-logo[data-v-79520ca9]{display:flex;align-items:center;justify-content:center;flex-shrink:0}.footer-brand-title[data-v-79520ca9]{font-size:1.25rem;font-weight:700;color:var(--text-primary);margin:0;white-space:nowrap}.footer-description[data-v-79520ca9]{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0}.footer-heading[data-v-79520ca9]{font-size:1rem;font-weight:700;color:var(--text-primary);margin:0 0 1rem;text-transform:uppercase;letter-spacing:.5px}.footer-links[data-v-79520ca9]{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.75rem}.footer-links li[data-v-79520ca9]{margin:0}.footer-link[data-v-79520ca9]{color:var(--text-secondary);text-decoration:none;font-size:.875rem;transition:color .2s;display:inline-block}.footer-link[data-v-79520ca9]:hover{color:var(--primary)}.social-links[data-v-79520ca9]{display:flex;gap:1rem;margin-top:.5rem}.social-link[data-v-79520ca9]{color:var(--text-primary);transition:all .2s;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border-radius:8px;background:transparent}.social-link[data-v-79520ca9]:hover{color:var(--primary);transform:translateY(-2px)}.social-link svg[data-v-79520ca9]{width:24px;height:24px}.footer-divider[data-v-79520ca9]{height:1px;background:rgba(148,163,184,.2);margin:2rem 0 1.5rem}.copyright[data-v-79520ca9]{text-align:center;color:var(--text-secondary);font-size:.875rem;margin:0}@media (max-width: 1024px){.transaction-table[data-v-79520ca9]{font-size:.875rem}.transaction-table th[data-v-79520ca9],.transaction-table td[data-v-79520ca9]{padding:.75rem}.footer-content[data-v-79520ca9]{grid-template-columns:repeat(2,1fr);gap:2rem}}@media (max-width: 768px){.hero-title[data-v-79520ca9]{font-size:2rem}.filter-inputs[data-v-79520ca9]{flex-direction:column}.input-wrapper[data-v-79520ca9]{min-width:100%}.table-container[data-v-79520ca9]{overflow-x:auto}.transaction-table[data-v-79520ca9]{min-width:800px}.pagination-section[data-v-79520ca9]{flex-direction:column;align-items:flex-start}.footer-content[data-v-79520ca9]{grid-template-columns:1fr;gap:2rem}}@media (max-width: 480px){.container[data-v-79520ca9]{padding:0 1rem}.transaction-table th[data-v-79520ca9],.transaction-table td[data-v-79520ca9]{padding:.5rem;font-size:.75rem}.pagination-controls[data-v-79520ca9]{flex-wrap:wrap}}