:root{--primary-color:#6366f1;--primary-dark:#4f46e5;--primary-light:#818cf8;--secondary-color:#64748b;--success-color:#10b981;--warning-color:#f59e0b;--danger-color:#ef4444;--info-color:#3b82f6;--white:#fff;--gray-50:#f8fafc;--gray-100:#f1f5f9;--gray-200:#e2e8f0;--gray-300:#cbd5e1;--gray-400:#94a3b8;--gray-500:#64748b;--gray-600:#475569;--gray-700:#334155;--gray-800:#1e293b;--gray-900:#0f172a;--black:#000;--font-family-sans:'Inter' , -apple-system , BlinkMacSystemFont , 'Segoe UI' , Roboto , sans-serif;--font-family-mono:'JetBrains Mono' , 'Fira Code' , Consolas , monospace;--font-size-xs:.75rem;--font-size-sm:.875rem;--font-size-base:1rem;--font-size-lg:1.125rem;--font-size-xl:1.25rem;--font-size-2xl:1.5rem;--font-size-3xl:1.875rem;--font-size-4xl:2.25rem;--font-size-5xl:3rem;--font-weight-light:300;--font-weight-normal:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--line-height-tight:1.25;--line-height-normal:1.5;--line-height-relaxed:1.75;--spacing-0:0;--spacing-1:.25rem;--spacing-2:.5rem;--spacing-3:.75rem;--spacing-4:1rem;--spacing-5:1.25rem;--spacing-6:1.5rem;--spacing-8:2rem;--spacing-10:2.5rem;--spacing-12:3rem;--spacing-16:4rem;--spacing-20:5rem;--spacing-24:6rem;--border-radius-none:0;--border-radius-sm:.125rem;--border-radius-md:.375rem;--border-radius-lg:.5rem;--border-radius-xl:.75rem;--border-radius-2xl:1rem;--border-radius-full:9999px;--shadow-sm:0 1px 2px 0 rgba(0,0,0,.05);--shadow-md:0 4px 6px -1px rgba(0,0,0,.1) , 0 2px 4px -1px rgba(0,0,0,.06);--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1) , 0 4px 6px -2px rgba(0,0,0,.05);--shadow-xl:0 20px 25px -5px rgba(0,0,0,.1) , 0 10px 10px -5px rgba(0,0,0,.04);--shadow-2xl:0 25px 50px -12px rgba(0,0,0,.25);--transition-fast:150ms ease-in-out;--transition-normal:250ms ease-in-out;--transition-slow:350ms ease-in-out;--z-dropdown:1000;--z-sticky:1020;--z-fixed:1030;--z-modal-backdrop:1040;--z-modal:1050;--z-popover:1060;--z-tooltip:1070;--z-toast:1080}*{box-sizing:border-box}html{scroll-behavior:smooth;font-size:16px}body{font-family: var(--font-family-sans);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-800);background-color:var(--gray-50);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,.h1{font-size:var(--font-size-4xl);font-weight:var(--font-weight-bold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-6);color:var(--gray-900)}h2,.h2{font-size:var(--font-size-3xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-5);color:var(--gray-900)}h3,.h3{font-size:var(--font-size-2xl);font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight);margin-bottom:var(--spacing-4);color:var(--gray-800)}h4,.h4{font-size:var(--font-size-xl);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--spacing-3);color:var(--gray-800)}h5,.h5{font-size:var(--font-size-lg);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2);color:var(--gray-700)}h6,.h6{font-size:var(--font-size-base);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);margin-bottom:var(--spacing-2);color:var(--gray-700)}p{margin-bottom:var(--spacing-4);color:var(--gray-600)}a{color:var(--primary-color);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--primary-dark);text-decoration:underline}.btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--spacing-3) var(--spacing-6);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border:1px solid transparent;border-radius:var(--border-radius-lg);cursor:pointer;transition:all var(--transition-normal);text-decoration:none;white-space:nowrap;user-select:none;position:relative;overflow:hidden}.btn:before{content:'';position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.2),transparent);transition:left var(--transition-slow)}.btn:hover:before{left:100%}.btn:focus{outline:none;box-shadow:0 0 0 3px rgba(99,102,241,.25)}.btn:active{transform:translateY(1px)}.btn-primary{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white)}.btn-primary:hover{background-color:var(--primary-dark);border-color:var(--primary-dark);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background-color:var(--secondary-color);border-color:var(--secondary-color);color:var(--white)}.btn-secondary:hover{background-color:var(--gray-600);border-color:var(--gray-600);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-primary{background-color:transparent;border-color:var(--primary-color);color:var(--primary-color)}.btn-outline-primary:hover{background-color:var(--primary-color);border-color:var(--primary-color);color:var(--white);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-outline-secondary{background-color:transparent;border-color:var(--gray-300);color:var(--gray-600)}.btn-outline-secondary:hover{background-color:var(--gray-100);border-color:var(--gray-400);color:var(--gray-700);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn-sm{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-xs)}.btn-lg{padding:var(--spacing-4) var(--spacing-8);font-size:var(--font-size-lg)}.card{background-color:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-normal);overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.card-header{padding:var(--spacing-6);border-bottom:1px solid var(--gray-200);background-color:var(--white)}.card-body{padding:var(--spacing-6)}.card-footer{padding:var(--spacing-6);border-top:1px solid var(--gray-200);background-color:var(--gray-50)}.product-card{height:100%;transition:all var(--transition-normal);border:1px solid var(--gray-200)}.product-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-2xl);border-color:var(--primary-color)}.product-image-container{position:relative;overflow:hidden;background-color:var(--gray-100);border-radius:var(--border-radius-lg) var(--border-radius-lg) 0 0}.product-image{width:100%;height:250px;object-fit:cover;transition:transform var(--transition-slow)}.product-card:hover .product-image{transform:scale(1.05)}.product-actions{opacity:0;transform:translateY(10px);transition:all var(--transition-normal)}.product-card:hover .product-actions{opacity:1;transform:translateY(0)}.form-control{display:block;width:100%;padding:var(--spacing-3) var(--spacing-4);font-size:var(--font-size-base);line-height:var(--line-height-normal);color:var(--gray-700);background-color:var(--white);border:1px solid var(--gray-300);border-radius:var(--border-radius-lg);transition:all var(--transition-normal)}.form-control:focus{outline:none;border-color:var(--primary-color);box-shadow:0 0 0 3px rgba(99,102,241,.1);background-color:var(--white)}.form-control::placeholder{color:var(--gray-400)}.form-label{display:block;margin-bottom:var(--spacing-2);font-weight:var(--font-weight-medium);color:var(--gray-700)}.form-text{margin-top:var(--spacing-1);font-size:var(--font-size-sm);color:var(--gray-500)}.alert{padding:var(--spacing-4);margin-bottom:var(--spacing-4);border:1px solid transparent;border-radius:var(--border-radius-lg);position:relative;overflow:hidden}.alert:before{content:'';position:absolute;top:0;left:0;width:4px;height:100%;background-color:currentColor}.alert-success{color:var(--success-color);background-color:rgba(16,185,129,.1);border-color:rgba(16,185,129,.2)}.alert-warning{color:var(--warning-color);background-color:rgba(245,158,11,.1);border-color:rgba(245,158,11,.2)}.alert-danger{color:var(--danger-color);background-color:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2)}.alert-info{color:var(--info-color);background-color:rgba(59,130,246,.1);border-color:rgba(59,130,246,.2)}.badge{display:inline-flex;align-items:center;padding:var(--spacing-1) var(--spacing-2);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);line-height:var(--line-height-tight);border-radius:var(--border-radius-full);text-transform:uppercase;letter-spacing:.05em}.badge-primary{background-color:var(--primary-color);color:var(--white)}.badge-secondary{background-color:var(--secondary-color);color:var(--white)}.badge-success{background-color:var(--success-color);color:var(--white)}.badge-warning{background-color:var(--warning-color);color:var(--white)}.badge-danger{background-color:var(--danger-color);color:var(--white)}.navbar{background-color:var(--white);box-shadow:var(--shadow-sm);transition:all var(--transition-normal)}.navbar-brand{font-weight:var(--font-weight-bold);color:var(--primary-color)!important;font-size:var(--font-size-xl)}.nav-link{font-weight:var(--font-weight-medium);color:var(--gray-600)!important;transition:color var(--transition-fast);position:relative}.nav-link:hover{color:var(--primary-color)!important}.nav-link:after{content:'';position:absolute;bottom:-2px;left:50%;width:0;height:2px;background-color:var(--primary-color);transition:all var(--transition-normal);transform:translateX(-50%)}.nav-link:hover:after{width:100%}.footer{background-color:var(--gray-900);color:var(--gray-300);padding:var(--spacing-16) 0 var(--spacing-8)}.footer h5{color:var(--white);margin-bottom:var(--spacing-4)}.footer a{color:var(--gray-400);transition:color var(--transition-fast)}.footer a:hover{color:var(--white);text-decoration:none}.m-0{margin:var(--spacing-0)!important}.m-1{margin:var(--spacing-1)!important}.m-2{margin:var(--spacing-2)!important}.m-3{margin:var(--spacing-3)!important}.m-4{margin:var(--spacing-4)!important}.m-5{margin:var(--spacing-5)!important}.m-6{margin:var(--spacing-6)!important}.m-8{margin:var(--spacing-8)!important}.mt-0{margin-top:var(--spacing-0)!important}.mt-1{margin-top:var(--spacing-1)!important}.mt-2{margin-top:var(--spacing-2)!important}.mt-3{margin-top:var(--spacing-3)!important}.mt-4{margin-top:var(--spacing-4)!important}.mt-5{margin-top:var(--spacing-5)!important}.mt-6{margin-top:var(--spacing-6)!important}.mt-8{margin-top:var(--spacing-8)!important}.mb-0{margin-bottom:var(--spacing-0)!important}.mb-1{margin-bottom:var(--spacing-1)!important}.mb-2{margin-bottom:var(--spacing-2)!important}.mb-3{margin-bottom:var(--spacing-3)!important}.mb-4{margin-bottom:var(--spacing-4)!important}.mb-5{margin-bottom:var(--spacing-5)!important}.mb-6{margin-bottom:var(--spacing-6)!important}.mb-8{margin-bottom:var(--spacing-8)!important}.p-0{padding:var(--spacing-0)!important}.p-1{padding:var(--spacing-1)!important}.p-2{padding:var(--spacing-2)!important}.p-3{padding:var(--spacing-3)!important}.p-4{padding:var(--spacing-4)!important}.p-5{padding:var(--spacing-5)!important}.p-6{padding:var(--spacing-6)!important}.p-8{padding:var(--spacing-8)!important}.text-primary{color:var(--primary-color)!important}.text-secondary{color:var(--secondary-color)!important}.text-success{color:var(--success-color)!important}.text-warning{color:var(--warning-color)!important}.text-danger{color:var(--danger-color)!important}.text-info{color:var(--info-color)!important}.text-muted{color:var(--gray-500)!important}.bg-primary{background-color:var(--primary-color)!important}.bg-secondary{background-color:var(--secondary-color)!important}.bg-success{background-color:var(--success-color)!important}.bg-warning{background-color:var(--warning-color)!important}.bg-danger{background-color:var(--danger-color)!important}.bg-info{background-color:var(--info-color)!important}.bg-light{background-color:var(--gray-100)!important}.rounded-sm{border-radius:var(--border-radius-sm)!important}.rounded{border-radius:var(--border-radius-md)!important}.rounded-lg{border-radius:var(--border-radius-lg)!important}.rounded-xl{border-radius:var(--border-radius-xl)!important}.rounded-2xl{border-radius:var(--border-radius-2xl)!important}.rounded-full{border-radius:var(--border-radius-full)!important}.shadow-sm{box-shadow:var(--shadow-sm)!important}.shadow{box-shadow:var(--shadow-md)!important}.shadow-lg{box-shadow:var(--shadow-lg)!important}.shadow-xl{box-shadow:var(--shadow-xl)!important}.shadow-2xl{box-shadow:var(--shadow-2xl)!important}.transition{transition:all var(--transition-normal)!important}.transition-fast{transition:all var(--transition-fast)!important}.transition-slow{transition:all var(--transition-slow)!important}.hover-lift:hover{transform:translateY(-4px);box-shadow:var(--shadow-xl)}.hover-scale:hover{transform:scale(1.05)}.hover-glow:hover{box-shadow:0 0 20px rgba(99,102,241,.3)}@media (max-width:768px){:root{--spacing-4:.75rem;--spacing-6:1rem;--spacing-8:1.5rem}h1,.h1{font-size:var(--font-size-3xl)}h2,.h2{font-size:var(--font-size-2xl)}h3,.h3{font-size:var(--font-size-xl)}.btn{padding:var(--spacing-2) var(--spacing-4);font-size:var(--font-size-sm)}.card-body{padding:var(--spacing-4)}.product-image{height:200px}}@media (max-width:576px){:root{--spacing-4:.5rem;--spacing-6:.75rem;--spacing-8:1rem}.container{padding-left:var(--spacing-3);padding-right:var(--spacing-3)}.btn{width:100%;margin-bottom:var(--spacing-2)}.product-card{margin-bottom:var(--spacing-4)}}@keyframes fadeIn {
    from {
        opacity: 0;
        transform: translateY(20px);
    }
    to {
        opacity: 1;
        transform: translateY(0);
    }
}@keyframes slideInLeft {
    from {
        opacity: 0;
        transform: translateX(-30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes slideInRight {
    from {
        opacity: 0;
        transform: translateX(30px);
    }
    to {
        opacity: 1;
        transform: translateX(0);
    }
}@keyframes bounce {
    0%, 20%, 53%, 80%, 100% {
        transform: translate3d(0, 0, 0);
    }
    40%, 43% {
        transform: translate3d(0, -30px, 0);
    }
    70% {
        transform: translate3d(0, -15px, 0);
    }
    90% {
        transform: translate3d(0, -4px, 0);
    }
}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in-left{animation:slideInLeft .6s ease-out}.animate-slide-in-right{animation:slideInRight .6s ease-out}.animate-bounce{animation:bounce 1s ease-in-out}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.focus-visible:focus{outline:2px solid var(--primary-color);outline-offset:2px}@media (prefers-contrast:high){:root{--primary-color:#00f;--gray-300:#000;--gray-600:#000;--gray-800:#000}}@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.btn:before{display:none}}.hero-banner{position:relative;min-height:100vh;background:linear-gradient(135deg,#667eea 0%,#764ba2 100%);overflow:hidden;display:flex;align-items:center}.hero-background{position:absolute;top:0;left:0;width:100%;height:100%;background: url('/assets/images/gaming-bg.jpg') center/cover;z-index:1}.hero-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,rgba(99,102,241,.9) 0%,rgba(118,75,162,.9) 100%);z-index:2}.hero-particles{position:absolute;top:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.hero-banner .container{position:relative;z-index:4}.hero-content{color:var(--white)}.hero-badge{animation:fadeInUp .6s ease-out}.hero-title{animation:fadeInUp .6s ease-out .2s both;line-height:1.2}.text-gradient{background:linear-gradient(45deg,#ffd700,#ff6b6b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{animation:fadeInUp .6s ease-out .4s both;opacity:.9}.hero-actions{animation:fadeInUp .6s ease-out .6s both}.hero-trust{animation:fadeInUp .6s ease-out .8s both}.trust-item{color:rgba(255,255,255,.8);font-size:var(--font-size-sm)}.hero-visual{position:relative;height:100%;display:flex;align-items:center;justify-content:center}.featured-products-showcase{position:relative;width:100%;height:400px}.product-card-floating{position:absolute;background:var(--white);border-radius:var(--border-radius-xl);box-shadow:var(--shadow-2xl);padding:var(--spacing-4);animation:float 3s ease-in-out infinite;animation-delay:var(--delay);transition:all var(--transition-normal)}.product-card-floating:hover{transform:translateY(-10px) scale(1.05);box-shadow:0 25px 50px rgba(0,0,0,.3)}.product-card-floating:nth-child(1) {top:0;left:0;width:200px}.product-card-floating:nth-child(2) {top:50px;right:0;width:180px}.product-card-floating:nth-child(3) {bottom:0;left:50%;transform:translateX(-50%);width:160px}.product-card-floating .product-image{width:100%;height:120px;border-radius:var(--border-radius-lg);overflow:hidden;margin-bottom:var(--spacing-3)}.product-card-floating .product-image img{width:100%;height:100%;object-fit:cover}.product-card-floating .product-info h6{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold);color:var(--gray-800);margin-bottom:var(--spacing-1)}.product-card-floating .price{font-size:var(--font-size-sm);font-weight:var(--font-weight-bold);color:var(--primary-color);margin-bottom:var(--spacing-1)}.discount-badge{background:var(--success-color);color:var(--white);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-1) var(--spacing-2);border-radius:var(--border-radius-full);text-align:center}.scroll-indicator{position:absolute;bottom:var(--spacing-8);left:50%;transform:translateX(-50%);z-index:4;animation:bounce 2s infinite}.scroll-arrow{color:var(--white);font-size:var(--font-size-xl);opacity:.7;cursor:pointer;transition:opacity var(--transition-fast)}.scroll-arrow:hover{opacity:1}@keyframes float {
    0%, 100% {
        transform: translateY(0px);
    }
    50% {
        transform: translateY(-20px);
    }
}@media (max-width:992px){.hero-banner{min-height:80vh}.hero-visual{margin-top:var(--spacing-8)}.featured-products-showcase{height:300px}.product-card-floating{transform:scale(.8)}.product-card-floating:nth-child(1) {top:20px;left:20px}.product-card-floating:nth-child(2) {top:60px;right:20px}.product-card-floating:nth-child(3) {bottom:20px;left:50%;transform:translateX(-50%) scale(.8)}}@media (max-width:768px){.hero-banner{min-height:70vh;text-align:center}.hero-title{font-size:var(--font-size-3xl)}.hero-trust{flex-direction:column;gap:var(--spacing-2)}.featured-products-showcase{height:250px}.product-card-floating{transform:scale(.7)}}@media (max-width:576px){.hero-banner{min-height:60vh}.hero-title{font-size:var(--font-size-2xl)}.hero-actions{flex-direction:column}.featured-products-showcase{display:none}}