.nav{background:linear-gradient(135deg,#667eea,#764ba2)!important;backdrop-filter:blur(20px);box-shadow:0 4px 20px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.1);border-bottom:1px solid hsla(0,0%,100%,.1);position:sticky;top:0;z-index:50;transition:all .3s ease}.nav:hover{box-shadow:0 8px 30px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}.first{color:#fff;line-height:1.2;font-weight:800;font-size:1.5rem;background:linear-gradient(135deg,#ff9a9e,#fecfef 30%,#fecfef 70%,#ff9a9e);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:0 2px 4px rgba(0,0,0,.1);letter-spacing:.5px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;transition:all .3s ease;cursor:pointer;position:relative}.first:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at center,rgba(255,154,158,.1) 0,transparent 70%);border-radius:8px;z-index:-1;opacity:0;transition:opacity .3s ease}.first:hover:before{opacity:1}.first:hover{transform:translateY(-1px);text-shadow:0 4px 8px rgba(0,0,0,.15)}.nav a{transition:all .3s ease;border-radius:8px;font-weight:500;position:relative;overflow:hidden}.nav a[aria-current=page]{background:linear-gradient(135deg,#10b981,#059669)!important;color:#fff!important;box-shadow:0 4px 15px rgba(16,185,129,.3),inset 0 1px 0 hsla(0,0%,100%,.2);transform:translateY(-1px)}.nav a:hover{background:linear-gradient(135deg,#34d399,#10b981)!important;color:#fff!important;transform:translateY(-2px);box-shadow:0 6px 20px rgba(16,185,129,.4),inset 0 1px 0 hsla(0,0%,100%,.3)}.nav a:not([aria-current=page]):not(:hover){color:hsla(0,0%,100%,.9)!important}.nav a:not([aria-current=page]):not(:hover),.nav button{background:hsla(0,0%,100%,.1)!important;backdrop-filter:blur(10px)}.nav button{border-radius:8px;transition:all .3s ease;border:1px solid hsla(0,0%,100%,.2)}.nav button:hover{background:hsla(0,0%,100%,.2)!important;transform:translateY(-1px);box-shadow:0 4px 15px hsla(0,0%,100%,.1)}@media (max-width:768px){.first{font-size:1.25rem}.nav{padding:0 1rem}}@keyframes navGlow{0%,to{box-shadow:0 4px 20px rgba(102,126,234,.15),inset 0 1px 0 hsla(0,0%,100%,.1)}50%{box-shadow:0 6px 25px rgba(102,126,234,.2),inset 0 1px 0 hsla(0,0%,100%,.15)}}.nav{animation:navGlow 4s ease-in-out infinite}:root{--primary-gradient:linear-gradient(135deg,#667eea,#764ba2);--primary-color:#667eea;--neutral-700:#374151;--neutral-900:#111827;--radius:8px;--radius-lg:12px;--radius-xl:16px;--transition:all 0.3s ease;--shadow-lg:0 10px 15px -3px rgba(0,0,0,.1),0 4px 6px -2px rgba(0,0,0,.05)}.order-tt{text-align:center;font-weight:800;font-size:3rem;background:linear-gradient(135deg,var(--neutral-700) 0,var(--neutral-900) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin:6rem 0 4rem;position:relative;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;letter-spacing:-.5px;text-shadow:0 4px 8px rgba(0,0,0,.1)}.order-tt:after{bottom:-15px;transform:translateX(-50%);width:80px;height:6px;background:var(--primary-gradient);border-radius:3px;box-shadow:0 4px 15px rgba(102,126,234,.3)}.order-tt:after,.order-tt:before{content:"";position:absolute;left:50%}.order-tt:before{top:50%;transform:translate(-50%,-50%);width:120%;height:120%;background:radial-gradient(ellipse at center,rgba(102,126,234,.1) 0,transparent 70%);z-index:-1;border-radius:50%}.order{margin:4% auto 8%;max-width:1300px;width:95%;display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:1.2rem;padding:0 2rem;position:relative;flex-direction:unset!important;flex-wrap:unset!important;justify-content:unset!important;align-items:unset!important}.order .game{margin-bottom:0;width:100%;height:420px;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 0 1px hsla(0,0%,100%,.1);transition:all var(--transition);position:relative;background:linear-gradient(135deg,#fff,#f8fafc);overflow:hidden;border:1px solid rgba(102,126,234,.05);display:flex;flex-direction:column;backdrop-filter:blur(10px)}.order .game:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(circle at top right,rgba(102,126,234,.05) 0,transparent 50%);pointer-events:none;z-index:1}.order .game:hover{transform:translateY(-12px) scale(1.03);box-shadow:0 25px 50px rgba(102,126,234,.15),0 0 0 1px rgba(102,126,234,.1),0 0 40px rgba(102,126,234,.1);border-color:rgba(102,126,234,.15)}.order .game .game-image-container{width:100%;height:220px;overflow:hidden;border-radius:var(--radius-xl) var(--radius-xl) 0 0;position:relative;background:#f8fafc}.order .game .game-image-container .img{width:100%;height:100%;object-fit:cover;transition:all var(--transition);filter:none;border-radius:0}.order .game:hover .game-image-container .img{transform:scale(1.1)}.order .game .game-content-container{padding:1.5rem;height:200px;display:flex;flex-direction:column;justify-content:space-between;position:relative;z-index:2;background:inherit}.order .game .game-tt{margin:0 0 1rem;padding:0;font-size:1.1rem;font-weight:700;color:#2d3748;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;font-family:Arial,sans-serif;text-transform:uppercase;letter-spacing:.5px;position:relative;background:linear-gradient(135deg,#718096,#4a5568 50%,#2d3748);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;text-shadow:1px 1px 2px rgba(0,0,0,.3),0 0 4px rgba(113,128,150,.2);flex-grow:1}.order .game .game-btn{background:linear-gradient(135deg,#667eea,#764ba2);width:100%;height:50px;border-radius:var(--radius);text-align:center;line-height:50px;color:#fff;font-weight:600;cursor:pointer;border:none;transition:all var(--transition);box-shadow:0 4px 15px rgba(102,126,234,.25),inset 0 1px 0 hsla(0,0%,100%,.2);margin:0;position:relative;text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;text-shadow:0 1px 2px rgba(0,0,0,.1);backdrop-filter:blur(10px);z-index:2}.order .game .game-btn:hover{background:linear-gradient(135deg,#7c3aed,#8b5cf6);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 25px rgba(102,126,234,.4),inset 0 1px 0 hsla(0,0%,100%,.3),0 0 20px rgba(102,126,234,.2);text-shadow:0 2px 4px rgba(0,0,0,.2)}.pagination-container{margin:4rem auto;display:flex;justify-content:center;max-width:1300px;width:95%}.pagination-content{gap:.5rem}.pagination-btn{background:hsla(0,0%,100%,.9);border:1px solid rgba(102,126,234,.2);color:#667eea;padding:.75rem 1rem;border-radius:var(--radius);transition:all var(--transition);font-weight:500;backdrop-filter:blur(10px);box-shadow:0 2px 8px rgba(102,126,234,.1)}.pagination-btn:hover{transform:translateY(-2px);box-shadow:0 4px 15px rgba(102,126,234,.3)}.pagination-btn:hover,.pagination-btn[data-selected=true]{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-color:transparent}.pagination-btn[data-selected=true]{box-shadow:0 4px 15px rgba(102,126,234,.4)}.footer{width:100%;background:linear-gradient(135deg,#f8fafc,#e2e8f0);border-top:1px solid rgba(102,126,234,.1);box-shadow:0 -4px 20px rgba(102,126,234,.1),inset 0 1px 0 hsla(0,0%,100%,.8);display:flex;justify-content:center;align-items:center;padding:2rem;margin-top:4rem;position:relative;backdrop-filter:blur(10px)}.footer:before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:60px;height:3px;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:2px;margin-top:-1.5px}.footer .line{margin:0 1.5rem;color:rgba(102,126,234,.3);font-size:1.2rem;font-weight:300}.footer .btn{cursor:pointer;color:#64748b;font-weight:500;padding:.75rem 1.5rem;border-radius:var(--radius);transition:all var(--transition);position:relative;font-size:.95rem;text-transform:uppercase;letter-spacing:.5px;border:1px solid transparent}.footer .btn:hover{color:#667eea;background:rgba(102,126,234,.1);border-color:rgba(102,126,234,.2);transform:translateY(-2px);box-shadow:0 4px 12px rgba(102,126,234,.15)}