*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#cdd6f4;background-color:#11111b;min-height:100vh;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}#root{max-width:1200px;margin:0 auto;padding:40px 24px}.portal-header{text-align:center;margin-bottom:40px}.portal-header h1{color:#cdd6f4;margin-bottom:8px;font-size:2.5rem}.portal-header p{color:#a6adc8;font-size:1rem}.game-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px;display:grid}.game-card{background-color:#1e1e2e;border-radius:12px;flex-direction:column;transition:transform .2s,box-shadow .2s;display:flex;overflow:hidden}.game-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px #0006}.game-card__thumbnail{object-fit:cover;width:100%;height:180px}.game-card__body{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex}.game-card__title{color:#cdd6f4;margin:0;font-size:1.2rem}.game-card__description{color:#a6adc8;flex:1;margin:0;font-size:.9rem}.game-card__button{color:#1e1e2e;text-align:center;background-color:#89b4fa;border-radius:8px;margin-top:8px;padding:10px 24px;font-weight:700;text-decoration:none;transition:background-color .2s;display:inline-block}.game-card__button:hover{background-color:#74c7ec}