:root{--bg-color:#0b0f19;--text-primary:#f8fafc;--text-secondary:#94a3b8;--card-bg:#1e293b66;--card-border:#ffffff14;--primary-glow:#8b5cf680;--secondary-glow:#38bdf880;--accent:#8b5cf6;--font-heading:"Outfit", sans-serif;--font-body:"Inter", sans-serif}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-color);color:var(--text-primary);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;overflow-x:hidden}.blob{filter:blur(80px);z-index:-1;opacity:.6;border-radius:50%;animation:20s ease-in-out infinite alternate float;position:fixed}.blob-1{background:radial-gradient(circle,#8b5cf666 0%,#8b5cf600 70%);width:50vw;height:50vw;top:-10%;left:-10%}.blob-2{background:radial-gradient(circle,#38bdf84d 0%,#38bdf800 70%);width:60vw;height:60vw;animation-delay:-5s;bottom:-20%;right:-10%}.blob-3{background:radial-gradient(circle,#ec489933 0%,#ec489900 70%);width:40vw;height:40vw;animation-delay:-10s;top:40%;left:40%}@keyframes float{0%{transform:translate(0)scale(1)}50%{transform:translate(5%,5%)scale(1.1)}to{transform:translate(-5%,10%)scale(.9)}}.app-container{flex-direction:column;max-width:1200px;min-height:100vh;margin:0 auto;padding:2rem 1.5rem;display:flex}.header{text-align:center;margin-top:2rem;margin-bottom:4rem;animation:.8s ease-out forwards fadeDown}#page-title{font-family:var(--font-heading);letter-spacing:-.03em;background:linear-gradient(135deg,#fff 0%,#a5b4fc 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;margin-bottom:.5rem;font-size:clamp(2.5rem,5vw,4rem);font-weight:800}#page-subtitle{color:var(--text-secondary);font-size:clamp(1rem,2vw,1.25rem);font-weight:400}.games-grid{flex-grow:1;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:2rem;margin-bottom:3rem;display:grid}.game-card{color:inherit;background:var(--card-bg);border:1px solid var(--card-border);-webkit-backdrop-filter:blur(16px);border-radius:24px;flex-direction:column;padding:2.5rem 2rem;text-decoration:none;transition:transform .4s cubic-bezier(.175,.885,.32,1.275),border-color .4s,box-shadow .4s;animation:.8s ease-out backwards fadeUp;display:flex;position:relative;overflow:hidden}.games-grid .game-card:first-child{animation-delay:.1s}.games-grid .game-card:nth-child(2){animation-delay:.2s}.games-grid .game-card:nth-child(3){animation-delay:.3s}.games-grid .game-card:nth-child(4){animation-delay:.4s}.game-card:before{content:"";background:radial-gradient(800px circle at var(--mouse-x,50%) var(--mouse-y,50%), #ffffff0f, transparent 40%);z-index:1;opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.game-card:hover:before{opacity:1}.game-card:hover{border-color:#8b5cf64d;transform:translateY(-8px)scale(1.02);box-shadow:0 20px 40px #0006,0 0 20px #8b5cf626}.game-card:active{transform:translateY(-2px)scale(.98)}.card-content{z-index:2;flex-direction:column;height:100%;display:flex;position:relative}.card-icon{width:60px;height:60px;color:var(--accent);background:linear-gradient(135deg,#ffffff1a,#ffffff08);border:1px solid #ffffff1a;border-radius:16px;justify-content:center;align-items:center;margin-bottom:1.5rem;transition:transform .4s,color .4s,background .4s;display:flex}.card-icon svg{width:32px;height:32px}.game-card:hover .card-icon{color:#fff;background:linear-gradient(135deg,#8b5cf6,#3b82f6);border-color:#0000;transform:scale(1.1)rotate(5deg);box-shadow:0 10px 20px #8b5cf64d}.card-title{font-family:var(--font-heading);color:#fff;margin-bottom:.75rem;font-size:1.75rem;font-weight:600;transition:color .3s}.game-card:hover .card-title{color:#a5b4fc}.card-description{color:var(--text-secondary);flex-grow:1;font-size:1rem;line-height:1.6}.footer{text-align:center;color:#64748b;border-top:1px solid #ffffff0d;margin-top:auto;padding-top:2rem;font-size:.875rem}@keyframes fadeDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (width<=640px){.header{margin-top:1rem;margin-bottom:2.5rem}.games-grid{gap:1.25rem}.game-card{border-radius:20px;padding:2rem 1.5rem}.card-icon{width:50px;height:50px;margin-bottom:1rem}.card-icon svg{width:24px;height:24px}.card-title{font-size:1.5rem}}