@import"https://fonts.googleapis.com/css2?family=Outfit:wght@400;600;800;900&display=swap";:root{--bg-color: #03050c;--card-bg: rgba(11, 15, 30, .65);--border-color: rgba(255, 255, 255, .06);--text-main: #f8fafc;--text-muted: #94a3b8;--cyan-primary: #06b6d4;--cyan-hover: #22d3ee;--cyan-glow: rgba(6, 182, 212, .25);--cyan-border: rgba(6, 182, 212, .3);--amber-primary: #f59e0b;--amber-hover: #fbbf24;--amber-glow: rgba(245, 158, 11, .25);--amber-border: rgba(245, 158, 11, .3)}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Outfit,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background-color:var(--bg-color);color:var(--text-main);line-height:1.6;min-height:100vh;background-image:radial-gradient(circle at 10% 20%,rgba(6,182,212,.08) 0%,transparent 40%),radial-gradient(circle at 90% 80%,rgba(245,158,11,.06) 0%,transparent 45%);background-attachment:fixed;overflow-x:hidden}.portal-container{min-height:100vh;display:flex;flex-direction:column;padding:60px 20px;max-width:1000px;margin:0 auto}.portal-header{text-align:center;margin-bottom:60px;position:relative}.logo-glow-wrapper{display:inline-block;position:relative}.logo-glow{font-size:3.5rem;font-weight:900;letter-spacing:.05em;background:linear-gradient(135deg,#06b6d4,#3b82f6,#f59e0b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;display:inline-block;text-shadow:0 0 50px rgba(6,182,212,.15);animation:glow-pulse 4s infinite ease-in-out}@keyframes glow-pulse{0%,to{filter:drop-shadow(0 0 15px rgba(6,182,212,.2))}50%{filter:drop-shadow(0 0 30px rgba(245,158,11,.25))}}.portal-subtitle{color:var(--text-muted);font-size:1.25rem;margin-top:12px;font-weight:500;letter-spacing:.02em}.games-section{display:grid;grid-template-columns:repeat(auto-fit,minmax(380px,1fr));gap:40px;margin-bottom:60px}.glass-panel{background:var(--card-bg);border:1px solid var(--border-color);border-radius:20px;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 10px 40px #00000080;transition:transform .4s cubic-bezier(.16,1,.3,1),border-color .4s ease,box-shadow .4s ease;overflow:hidden;display:flex;flex-direction:column}.game-card-wrapper{position:relative}.card-image-container{width:100%;aspect-ratio:16/10;overflow:hidden;position:relative;border-bottom:1px solid rgba(255,255,255,.05)}.card-showcase-image{width:100%;height:100%;object-fit:cover;transition:transform .6s cubic-bezier(.16,1,.3,1)}.card-image-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,transparent 40%,rgba(11,15,30,.95) 100%);pointer-events:none}.card-content{padding:30px;display:flex;flex-direction:column;flex-grow:1}.card-header{margin-bottom:12px}.card-header h3{font-size:1.75rem;font-weight:800;letter-spacing:-.01em}.card-desc{color:var(--text-muted);font-size:1rem;margin-bottom:24px;line-height:1.6;flex-grow:1}.card-stats{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.stat-pill{font-size:.8rem;font-weight:600;color:#ffffffd9;background:#ffffff0a;padding:6px 14px;border-radius:9999px;border:1px solid rgba(255,255,255,.06);letter-spacing:.02em;text-transform:uppercase}.card-actions{display:flex}.game-card-wrapper:hover{transform:translateY(-6px)}.game-card-wrapper:hover .card-showcase-image{transform:scale(1.05)}.glow-cyan:hover{border-color:var(--cyan-border);box-shadow:0 15px 45px var(--cyan-glow)}.glow-amber:hover{border-color:var(--amber-border);box-shadow:0 15px 45px var(--amber-glow)}.btn{width:100%;padding:14px 24px;border-radius:12px;font-weight:800;font-size:1.05rem;cursor:pointer;border:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;justify-content:center;align-items:center;text-decoration:none;letter-spacing:.03em;text-transform:uppercase}.btn-cyan{background:linear-gradient(135deg,var(--cyan-primary) 0%,#2563eb 100%);color:#fff;box-shadow:0 4px 20px #06b6d44d}.btn-cyan:hover{background:linear-gradient(135deg,var(--cyan-hover) 0%,#3b82f6 100%);box-shadow:0 6px 25px #06b6d480;transform:translateY(-2px)}.btn-amber{background:linear-gradient(135deg,var(--amber-primary) 0%,#ea580c 100%);color:#fff;box-shadow:0 4px 20px #f59e0b4d}.btn-amber:hover{background:linear-gradient(135deg,var(--amber-hover) 0%,#f97316 100%);box-shadow:0 6px 25px #f59e0b80;transform:translateY(-2px)}.portal-footer{text-align:center;color:var(--text-muted);font-size:.9rem;margin-top:auto;padding-top:60px;border-top:1px solid rgba(255,255,255,.04)}@media(max-width:800px){.games-section{grid-template-columns:1fr;gap:30px}.portal-container{padding:40px 15px}.logo-glow{font-size:2.8rem}}