*{margin:0;padding:0;box-sizing:border-box;cursor:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' width='32' height='32'><text y='24' font-size='24'>🖐️</text></svg>") 16 16,auto}body{font-family:Segoe UI,Arial,sans-serif;min-height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e 40%,#0f3460);color:#fff;overflow-x:hidden}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(2px 2px at 20% 30%,rgba(255,255,255,.3),transparent),radial-gradient(2px 2px at 40% 70%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 60% 20%,rgba(255,255,255,.25),transparent),radial-gradient(2px 2px at 80% 60%,rgba(255,255,255,.15),transparent),radial-gradient(3px 3px at 10% 80%,rgba(255,255,255,.2),transparent),radial-gradient(2px 2px at 70% 90%,rgba(255,255,255,.18),transparent),radial-gradient(2px 2px at 90% 10%,rgba(255,255,255,.22),transparent);background-size:200px 200px;animation:twinkle 4s ease-in-out infinite alternate;pointer-events:none;z-index:0}@keyframes twinkle{0%{opacity:.5}to{opacity:1}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes glow{0%{filter:drop-shadow(0 0 8px rgba(226,183,20,.6)) drop-shadow(0 0 20px rgba(247,211,84,.3))}to{filter:drop-shadow(0 0 12px rgba(226,183,20,.9)) drop-shadow(0 0 30px rgba(247,211,84,.5))}}@keyframes shimmer{to{background-position:200% center}}@keyframes modalIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.container{position:relative;z-index:1;max-width:900px;margin:0 auto;padding:50px 20px 80px;text-align:center}h1{font-size:2.8rem;background:linear-gradient(90deg,#e2b714,#f7d354,#e2b714);background-size:200% auto;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:shimmer 3s linear infinite,glow 2s ease-in-out infinite alternate;margin-bottom:8px;filter:drop-shadow(0 0 8px rgba(226,183,20,.6)) drop-shadow(0 0 20px rgba(247,211,84,.3))}h2{font-size:1.8rem;color:#f7d354;margin:12px}.subtitle{font-size:1.25rem;color:#ddd9;margin-bottom:40px}.category{font-size:1.4rem;margin:24px 0;color:#eec738;font-weight:600;text-align:left}.games-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:24px;margin-top:10px}.game-card{position:relative;background:#ffffff12;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:16px;padding:36px 20px 28px;text-align:center;text-decoration:none;color:#fff;transition:transform .25s,box-shadow .25s,border-color .25s;animation:float 5s ease-in-out infinite}.game-card:nth-child(2){animation-delay:.6s}.game-card:nth-child(3){animation-delay:1.2s}.game-card:nth-child(4){animation-delay:1.8s}.game-card:hover,.game-card--soon:hover{transform:translateY(-8px) scale(1.03);box-shadow:0 12px 40px #e2b71440;border-color:#ffcb0f80}.game-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:16px;background:linear-gradient(135deg,rgba(255,255,255,.1),transparent 60%);pointer-events:none}.game-icon{font-size:3rem;display:block;margin-bottom:12px}.game-title{font-size:1.15rem;font-weight:700;letter-spacing:.5px}.game-dev{font-size:1rem;color:#eec738;margin-top:6px}.game-card--next{opacity:.45;border:1px dashed rgba(255,31,31,.15);animation:none}.game-card--soon{opacity:.7;border:1px dashed rgba(245,202,28,.961)}.game-badge{position:absolute;top:10px;right:10px;background:linear-gradient(135deg,#e2b714,#f7d354);color:#1a1a2e;font-size:.65rem;font-weight:700;text-transform:uppercase;letter-spacing:1px;padding:3px 8px;border-radius:8px}.games-list-soon{margin-top:60px;padding:40px 20px;text-align:center;position:relative;z-index:1}.games-list-soon h2{font-size:1.4rem;color:#ffffff80;font-weight:600;letter-spacing:.5px}.games-list-soon p{font-size:1rem;color:#ffffff59;margin-top:8px}.games-list-soon:before{content:"";display:block;width:80px;height:2px;background:linear-gradient(90deg,transparent,rgba(226,183,20,.4),transparent);margin:0 auto 24px}.about-btn{position:fixed;top:20px;right:20px;z-index:10;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.2);color:#f7d354;font-size:.85rem;font-weight:600;padding:8px 16px;border-radius:12px;transition:background .25s,border-color .25s}.about-btn:hover{background:#e2b71426;border-color:#e2b71480}.modal-overlay{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:100;justify-content:center;align-items:center}.modal-overlay.active{display:flex}.modal{background:linear-gradient(135deg,#1a1a2e,#16213e);border:1px solid rgba(226,183,20,.3);border-radius:20px;padding:36px 40px;max-width:680px;width:92%;text-align:center;position:relative;animation:modalIn .3s ease-out}.modal h3{font-size:1.6rem;color:#f7d354;margin-bottom:4px}.modal-subtitle{font-size:.95rem;color:#ffffff73;margin-bottom:24px}.team-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:14px}.team-card{background:#ffffff0f;border:1px solid rgba(255,255,255,.1);border-radius:14px;padding:20px 12px 16px;display:flex;flex-direction:column;align-items:center;gap:6px;animation:teamCardIn .4s ease-out both;transition:transform .2s,box-shadow .2s,border-color .2s}.team-card:hover{transform:translateY(-4px) scale(1.04);box-shadow:0 8px 24px #e2b71433;border-color:#e2b71466}@keyframes teamCardIn{0%{opacity:0;transform:translateY(16px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}.team-avatar{font-size:2.2rem;margin-bottom:4px;display:inline-block;transition:transform .2s ease}.team-card:hover .team-avatar{transform:scale(1.3)}.team-card strong{font-size:.9rem;color:#fff;text-align:center;line-height:1.3}.team-role{font-size:.7rem;font-weight:700;text-transform:uppercase;letter-spacing:.8px;padding:3px 10px;border-radius:8px;margin-top:4px}.role-pm{background:linear-gradient(135deg,#e2b714,#f7d354);color:#1a1a2e}.role-dev{background:linear-gradient(135deg,#0ea5e9,#38bdf8);color:#0c1929}.role-design{background:linear-gradient(135deg,#a855f7,#c084fc);color:#1a0f2e}.role-art{background:linear-gradient(135deg,#f43f5e,#fb7185);color:#2e0f15}.modal-close{position:absolute;top:12px;right:16px;background:none;border:none;color:#ffffff80;font-size:1.4rem;transition:color .2s}.modal-close:hover{color:#f7d354}